#D0CAB2 - #AD9E5E | 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 #D0CAB2 a #AD9E5E

#D0CAB2 #AD9E5E

Calcule el color entre dos colores, #D0CAB2 y #AD9E5E. 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)

#D0CAB2 - #AD9E5E | 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 #D0CAB2 como 0% y #AD9E5E como 100%.

0.0%	0.0% #D0CAB2	RGB 208 202 178	#D0CAB2
16.7%	16.7% #CAC2A4	RGB 202 194 164	#CAC2A4
33.3%	33.3% #C4BB96	RGB 196 187 150	#C4BB96
50.0%	50.0% #BEB488	RGB 190 180 136	#BEB488
66.7%	66.7% #B8AC7A	RGB 184 172 122	#B8AC7A
83.3%	83.3% #B2A56C	RGB 178 165 108	#B2A56C
100.0%	100.0% #AD9E5E	RGB 173 158 94	#AD9E5E

#D0CAB2 #CAC2A4 #C4BB96 #BEB488 #B8AC7A #B2A56C #AD9E5E

#D0CAB2 - #AD9E5E

Mezcla HSV

#D0CAB2 - #AD9E5E | 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 #D0CAB2 como 0% y #AD9E5E como 100%.

0.0%	0.0% #D0CAB2	RGB 208 202 178	#D0CAB2
16.7%	16.7% #CAC2A2	RGB 202 194 162	#CAC2A2
33.3%	33.3% #C4BA93	RGB 196 186 147	#C4BA93
50.0%	50.0% #BEB385	RGB 190 179 133	#BEB385
66.7%	66.7% #B8AC77	RGB 184 172 119	#B8AC77
83.3%	83.3% #B2A46A	RGB 178 164 106	#B2A46A
100.0%	100.0% #AD9E5E	RGB 173 158 94	#AD9E5E

#D0CAB2 #CAC2A2 #C4BA93 #BEB385 #B8AC77 #B2A46A #AD9E5E

#D0CAB2 - #BEB385 - #AD9E5E

Códigos CSS

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

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