#E5E2CF - #C2B17E | 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 #E5E2CF a #C2B17E

#E5E2CF #C2B17E

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

#E5E2CF - #C2B17E | 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 #E5E2CF como 0% y #C2B17E como 100%.

0.0%	0.0% #E5E2CF	RGB 229 226 207	#E5E2CF
16.7%	16.7% #DFD9C1	RGB 223 217 193	#DFD9C1
33.3%	33.3% #D9D1B4	RGB 217 209 180	#D9D1B4
50.0%	50.0% #D3C9A6	RGB 211 201 166	#D3C9A6
66.7%	66.7% #CDC199	RGB 205 193 153	#CDC199
83.3%	83.3% #C7B98B	RGB 199 185 139	#C7B98B
100.0%	100.0% #C2B17E	RGB 194 177 126	#C2B17E

#E5E2CF #DFD9C1 #D9D1B4 #D3C9A6 #CDC199 #C7B98B #C2B17E

#E5E2CF - #C2B17E

Mezcla HSV

#E5E2CF - #C2B17E | 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 #E5E2CF como 0% y #C2B17E como 100%.

0.0%	0.0% #E5E2CF	RGB 229 226 207	#E5E2CF
16.7%	16.7% #DFDAC0	RGB 223 218 192	#DFDAC0
33.3%	33.3% #D9D2B2	RGB 217 210 178	#D9D2B2
50.0%	50.0% #D3CAA4	RGB 211 202 164	#D3CAA4
66.7%	66.7% #CDC297	RGB 205 194 151	#CDC297
83.3%	83.3% #C7B98A	RGB 199 185 138	#C7B98A
100.0%	100.0% #C2B17E	RGB 194 177 126	#C2B17E

#E5E2CF #DFDAC0 #D9D2B2 #D3CAA4 #CDC297 #C7B98A #C2B17E

#E5E2CF - #D3CAA4 - #C2B17E

Códigos CSS

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

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