#E5E4D6 - #C0B487 | 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 #E5E4D6 a #C0B487

#E5E4D6 #C0B487

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

#E5E4D6 - #C0B487 | 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 #E5E4D6 como 0% y #C0B487 como 100%.

0.0%	0.0% #E5E4D6	RGB 229 228 214	#E5E4D6
16.7%	16.7% #DEDCC8	RGB 222 220 200	#DEDCC8
33.3%	33.3% #D8D4BB	RGB 216 212 187	#D8D4BB
50.0%	50.0% #D2CCAE	RGB 210 204 174	#D2CCAE
66.7%	66.7% #CCC4A1	RGB 204 196 161	#CCC4A1
83.3%	83.3% #C6BC94	RGB 198 188 148	#C6BC94
100.0%	100.0% #C0B487	RGB 192 180 135	#C0B487

#E5E4D6 #DEDCC8 #D8D4BB #D2CCAE #CCC4A1 #C6BC94 #C0B487

#E5E4D6 - #C0B487

Mezcla HSV

#E5E4D6 - #C0B487 | 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 #E5E4D6 como 0% y #C0B487 como 100%.

0.0%	0.0% #E5E4D6	RGB 229 228 214	#E5E4D6
16.7%	16.7% #DEDCC7	RGB 222 220 199	#DEDCC7
33.3%	33.3% #D8D5B9	RGB 216 213 185	#D8D5B9
50.0%	50.0% #D2CDAC	RGB 210 205 172	#D2CDAC
66.7%	66.7% #CCC59F	RGB 204 197 159	#CCC59F
83.3%	83.3% #C6BC92	RGB 198 188 146	#C6BC92
100.0%	100.0% #C0B487	RGB 192 180 135	#C0B487

#E5E4D6 #DEDCC7 #D8D5B9 #D2CDAC #CCC59F #C6BC92 #C0B487

#E5E4D6 - #D2CDAC - #C0B487

Códigos CSS

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

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