#8D5A41 - #DECFC8 | 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 #8D5A41 a #DECFC8

#8D5A41 #DECFC8

Calcule el color entre dos colores, #8D5A41 y #DECFC8. 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)

#8D5A41 - #DECFC8 | 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 #8D5A41 como 0% y #DECFC8 como 100%.

0.0%	0.0% #8D5A41	RGB 141 90 65	#8D5A41
16.7%	16.7% #9A6D57	RGB 154 109 87	#9A6D57
33.3%	33.3% #A8816E	RGB 168 129 110	#A8816E
50.0%	50.0% #B59484	RGB 181 148 132	#B59484
66.7%	66.7% #C3A89B	RGB 195 168 155	#C3A89B
83.3%	83.3% #D0BBB1	RGB 208 187 177	#D0BBB1
100.0%	100.0% #DECFC8	RGB 222 207 200	#DECFC8

#8D5A41 #9A6D57 #A8816E #B59484 #C3A89B #D0BBB1 #DECFC8

#8D5A41 - #DECFC8

Mezcla HSV

#8D5A41 - #DECFC8 | 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 #8D5A41 como 0% y #DECFC8 como 100%.

0.0%	0.0% #8D5A41	RGB 141 90 65	#8D5A41
16.7%	16.7% #9A6A52	RGB 154 106 82	#9A6A52
33.3%	33.3% #A87B66	RGB 168 123 102	#A87B66
50.0%	50.0% #B58E7B	RGB 181 142 123	#B58E7B
66.7%	66.7% #C3A293	RGB 195 162 147	#C3A293
83.3%	83.3% #D0B8AC	RGB 208 184 172	#D0B8AC
100.0%	100.0% #DECFC8	RGB 222 207 200	#DECFC8

#8D5A41 #9A6A52 #A87B66 #B58E7B #C3A293 #D0B8AC #DECFC8

#8D5A41 - #B58E7B - #DECFC8

Códigos CSS

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

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