#C4AF91 - #EEE8DF | 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 #C4AF91 a #EEE8DF

#C4AF91 #EEE8DF

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

#C4AF91 - #EEE8DF | 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 #C4AF91 como 0% y #EEE8DF como 100%.

0.0%	0.0% #C4AF91	RGB 196 175 145	#C4AF91
16.7%	16.7% #CBB89E	RGB 203 184 158	#CBB89E
33.3%	33.3% #D2C2AB	RGB 210 194 171	#D2C2AB
50.0%	50.0% #D9CBB8	RGB 217 203 184	#D9CBB8
66.7%	66.7% #E0D5C5	RGB 224 213 197	#E0D5C5
83.3%	83.3% #E7DED2	RGB 231 222 210	#E7DED2
100.0%	100.0% #EEE8DF	RGB 238 232 223	#EEE8DF

#C4AF91 #CBB89E #D2C2AB #D9CBB8 #E0D5C5 #E7DED2 #EEE8DF

#C4AF91 - #EEE8DF

Mezcla HSV

#C4AF91 - #EEE8DF | 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 #C4AF91 como 0% y #EEE8DF como 100%.

0.0%	0.0% #C4AF91	RGB 196 175 145	#C4AF91
16.7%	16.7% #CBB89C	RGB 203 184 156	#CBB89C
33.3%	33.3% #D2C1A9	RGB 210 193 169	#D2C1A9
50.0%	50.0% #D9CAB5	RGB 217 202 181	#D9CAB5
66.7%	66.7% #E0D4C3	RGB 224 212 195	#E0D4C3
83.3%	83.3% #E7DED0	RGB 231 222 208	#E7DED0
100.0%	100.0% #EEE8DF	RGB 238 232 223	#EEE8DF

#C4AF91 #CBB89C #D2C1A9 #D9CAB5 #E0D4C3 #E7DED0 #EEE8DF

#C4AF91 - #D9CAB5 - #EEE8DF

Códigos CSS

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

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