#C5B490 - #EEE9DF | 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 #C5B490 a #EEE9DF

#C5B490 #EEE9DF

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

#C5B490 - #EEE9DF | 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 #C5B490 como 0% y #EEE9DF como 100%.

0.0%	0.0% #C5B490	RGB 197 180 144	#C5B490
16.7%	16.7% #CBBC9D	RGB 203 188 157	#CBBC9D
33.3%	33.3% #D2C5AA	RGB 210 197 170	#D2C5AA
50.0%	50.0% #D9CEB7	RGB 217 206 183	#D9CEB7
66.7%	66.7% #E0D7C4	RGB 224 215 196	#E0D7C4
83.3%	83.3% #E7E0D1	RGB 231 224 209	#E7E0D1
100.0%	100.0% #EEE9DF	RGB 238 233 223	#EEE9DF

#C5B490 #CBBC9D #D2C5AA #D9CEB7 #E0D7C4 #E7E0D1 #EEE9DF

#C5B490 - #EEE9DF

Mezcla HSV

#C5B490 - #EEE9DF | 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 #C5B490 como 0% y #EEE9DF como 100%.

0.0%	0.0% #C5B490	RGB 197 180 144	#C5B490
16.7%	16.7% #CBBC9B	RGB 203 188 155	#CBBC9B
33.3%	33.3% #D2C4A8	RGB 210 196 168	#D2C4A8
50.0%	50.0% #D9CDB5	RGB 217 205 181	#D9CDB5
66.7%	66.7% #E0D6C2	RGB 224 214 194	#E0D6C2
83.3%	83.3% #E7DFD0	RGB 231 223 208	#E7DFD0
100.0%	100.0% #EEE9DF	RGB 238 233 223	#EEE9DF

#C5B490 #CBBC9B #D2C4A8 #D9CDB5 #E0D6C2 #E7DFD0 #EEE9DF

#C5B490 - #D9CDB5 - #EEE9DF

Códigos CSS

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

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