#E7E5E3 - #CAAE99 | 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 #E7E5E3 a #CAAE99

#E7E5E3 #CAAE99

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

#E7E5E3 - #CAAE99 | 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 #E7E5E3 como 0% y #CAAE99 como 100%.

0.0%	0.0% #E7E5E3	RGB 231 229 227	#E7E5E3
16.7%	16.7% #E2DBD6	RGB 226 219 214	#E2DBD6
33.3%	33.3% #DDD2CA	RGB 221 210 202	#DDD2CA
50.0%	50.0% #D8C9BE	RGB 216 201 190	#D8C9BE
66.7%	66.7% #D3C0B1	RGB 211 192 177	#D3C0B1
83.3%	83.3% #CEB7A5	RGB 206 183 165	#CEB7A5
100.0%	100.0% #CAAE99	RGB 202 174 153	#CAAE99

#E7E5E3 #E2DBD6 #DDD2CA #D8C9BE #D3C0B1 #CEB7A5 #CAAE99

#E7E5E3 - #CAAE99

Mezcla HSV

#E7E5E3 - #CAAE99 | 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 #E7E5E3 como 0% y #CAAE99 como 100%.

0.0%	0.0% #E7E5E3	RGB 231 229 227	#E7E5E3
16.7%	16.7% #E2DBD5	RGB 226 219 213	#E2DBD5
33.3%	33.3% #DDD2C8	RGB 221 210 200	#DDD2C8
50.0%	50.0% #D8C9BC	RGB 216 201 188	#D8C9BC
66.7%	66.7% #D3C0B0	RGB 211 192 176	#D3C0B0
83.3%	83.3% #CEB7A4	RGB 206 183 164	#CEB7A4
100.0%	100.0% #CAAE99	RGB 202 174 153	#CAAE99

#E7E5E3 #E2DBD5 #DDD2C8 #D8C9BC #D3C0B0 #CEB7A4 #CAAE99

#E7E5E3 - #D8C9BC - #CAAE99

Códigos CSS

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

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