#663F3E - #D3C8C7 | 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 #663F3E a #D3C8C7

#663F3E #D3C8C7

Calcule el color entre dos colores, #663F3E y #D3C8C7. 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)

#663F3E - #D3C8C7 | 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 #663F3E como 0% y #D3C8C7 como 100%.

0.0%	0.0% #663F3E	RGB 102 63 62	#663F3E
16.7%	16.7% #785554	RGB 120 85 84	#785554
33.3%	33.3% #8A6C6B	RGB 138 108 107	#8A6C6B
50.0%	50.0% #9C8382	RGB 156 131 130	#9C8382
66.7%	66.7% #AE9A99	RGB 174 154 153	#AE9A99
83.3%	83.3% #C0B1B0	RGB 192 177 176	#C0B1B0
100.0%	100.0% #D3C8C7	RGB 211 200 199	#D3C8C7

#663F3E #785554 #8A6C6B #9C8382 #AE9A99 #C0B1B0 #D3C8C7

#663F3E - #D3C8C7

Mezcla HSV

#663F3E - #D3C8C7 | 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 #663F3E como 0% y #D3C8C7 como 100%.

0.0%	0.0% #663F3E	RGB 102 63 62	#663F3E
16.7%	16.7% #78514F	RGB 120 81 79	#78514F
33.3%	33.3% #8A6563	RGB 138 101 99	#8A6563
50.0%	50.0% #9C7B79	RGB 156 123 121	#9C7B79
66.7%	66.7% #AE9391	RGB 174 147 145	#AE9391
83.3%	83.3% #C0ACAB	RGB 192 172 171	#C0ACAB
100.0%	100.0% #D3C8C7	RGB 211 200 199	#D3C8C7

#663F3E #78514F #8A6563 #9C7B79 #AE9391 #C0ACAB #D3C8C7

#663F3E - #9C7B79 - #D3C8C7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #663F3E 0%, #9C7B79 50%, #D3C8C7 100%);
    background: -webkit-linear-gradient(top, #663F3E 0%, #9C7B79 50%, #D3C8C7 100%);
    background: linear-gradient(to bottom, #663F3E 0%, #9C7B79 50%, #D3C8C7 100%);
}
</style>