#E5E4E3 - #C2AF93 | 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 #E5E4E3 a #C2AF93

#E5E4E3 #C2AF93

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

#E5E4E3 - #C2AF93 | 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 #E5E4E3 como 0% y #C2AF93 como 100%.

0.0%	0.0% #E5E4E3	RGB 229 228 227	#E5E4E3
16.7%	16.7% #DFDBD5	RGB 223 219 213	#DFDBD5
33.3%	33.3% #D9D2C8	RGB 217 210 200	#D9D2C8
50.0%	50.0% #D3C9BB	RGB 211 201 187	#D3C9BB
66.7%	66.7% #CDC0AD	RGB 205 192 173	#CDC0AD
83.3%	83.3% #C7B7A0	RGB 199 183 160	#C7B7A0
100.0%	100.0% #C2AF93	RGB 194 175 147	#C2AF93

#E5E4E3 #DFDBD5 #D9D2C8 #D3C9BB #CDC0AD #C7B7A0 #C2AF93

#E5E4E3 - #C2AF93

Mezcla HSV

#E5E4E3 - #C2AF93 | 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 #E5E4E3 como 0% y #C2AF93 como 100%.

0.0%	0.0% #E5E4E3	RGB 229 228 227	#E5E4E3
16.7%	16.7% #DFDAD4	RGB 223 218 212	#DFDAD4
33.3%	33.3% #D9D0C6	RGB 217 208 198	#D9D0C6
50.0%	50.0% #D3C7B8	RGB 211 199 184	#D3C7B8
66.7%	66.7% #CDBEAB	RGB 205 190 171	#CDBEAB
83.3%	83.3% #C7B69F	RGB 199 182 159	#C7B69F
100.0%	100.0% #C2AF93	RGB 194 175 147	#C2AF93

#E5E4E3 #DFDAD4 #D9D0C6 #D3C7B8 #CDBEAB #C7B69F #C2AF93

#E5E4E3 - #D3C7B8 - #C2AF93

Códigos CSS

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

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