#8F6B5E - #AFB8CC | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #8F6B5E a #AFB8CC

#8F6B5E #AFB8CC

Calcule el color entre dos colores, #8F6B5E y #AFB8CC. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#8F6B5E - #AFB8CC | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #8F6B5E como 0% y #AFB8CC como 100%.

0.0%	0.0% #8F6B5E	RGB 143 107 94	#8F6B5E
16.7%	16.7% #947770	RGB 148 119 112	#947770
33.3%	33.3% #998482	RGB 153 132 130	#998482
50.0%	50.0% #9F9195	RGB 159 145 149	#9F9195
66.7%	66.7% #A49EA7	RGB 164 158 167	#A49EA7
83.3%	83.3% #A9ABB9	RGB 169 171 185	#A9ABB9
100.0%	100.0% #AFB8CC	RGB 175 184 204	#AFB8CC

#8F6B5E #947770 #998482 #9F9195 #A49EA7 #A9ABB9 #AFB8CC

#8F6B5E - #AFB8CC

Mezcla HSV

#8F6B5E - #AFB8CC | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #8F6B5E como 0% y #AFB8CC como 100%.

0.0%	0.0% #8F6B5E	RGB 143 107 94	#8F6B5E
16.7%	16.7% #996971	RGB 153 105 113	#996971
33.3%	33.3% #A37691	RGB 163 118 145	#A37691
50.0%	50.0% #AC83AD	RGB 172 131 173	#AC83AD
66.7%	66.7% #A691B7	RGB 166 145 183	#A691B7
83.3%	83.3% #A39FC1	RGB 163 159 193	#A39FC1
100.0%	100.0% #AFB8CC	RGB 175 184 204	#AFB8CC

#8F6B5E #996971 #A37691 #AC83AD #A691B7 #A39FC1 #AFB8CC

#8F6B5E - #AC83AD - #AFB8CC

Códigos CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #8F6B5E 0%, #AFB8CC 100%);
    background: -webkit-linear-gradient(top, #8F6B5E 0%, #AFB8CC 100%);
    background: linear-gradient(to bottom, #8F6B5E 0%, #AFB8CC 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F6B5E 0%, #AC83AD 50%, #AFB8CC 100%);
    background: -webkit-linear-gradient(top, #8F6B5E 0%, #AC83AD 50%, #AFB8CC 100%);
    background: linear-gradient(to bottom, #8F6B5E 0%, #AC83AD 50%, #AFB8CC 100%);
}
</style>