#E7E5E3 - #CAAD99 | 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 #CAAD99

#E7E5E3 #CAAD99

Calcule el color entre dos colores, #E7E5E3 y #CAAD99. 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 - #CAAD99 | 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 #CAAD99 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% #D3BFB1	RGB 211 191 177	#D3BFB1
83.3%	83.3% #CEB6A5	RGB 206 182 165	#CEB6A5
100.0%	100.0% #CAAD99	RGB 202 173 153	#CAAD99

#E7E5E3 #E2DBD6 #DDD2CA #D8C9BE #D3BFB1 #CEB6A5 #CAAD99

#E7E5E3 - #CAAD99

Mezcla HSV

#E7E5E3 - #CAAD99 | 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 #CAAD99 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% #D3BFB0	RGB 211 191 176	#D3BFB0
83.3%	83.3% #CEB6A4	RGB 206 182 164	#CEB6A4
100.0%	100.0% #CAAD99	RGB 202 173 153	#CAAD99

#E7E5E3 #E2DBD5 #DDD2C8 #D8C9BC #D3BFB0 #CEB6A4 #CAAD99

#E7E5E3 - #D8C9BC - #CAAD99

Códigos CSS

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

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