#E7E5E5 - #CA9CAE | 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 #E7E5E5 a #CA9CAE

#E7E5E5 #CA9CAE

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

#E7E5E5 - #CA9CAE | 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 #E7E5E5 como 0% y #CA9CAE como 100%.

0.0%	0.0% #E7E5E5	RGB 231 229 229	#E7E5E5
16.7%	16.7% #E2D8DB	RGB 226 216 219	#E2D8DB
33.3%	33.3% #DDCCD2	RGB 221 204 210	#DDCCD2
50.0%	50.0% #D8C0C9	RGB 216 192 201	#D8C0C9
66.7%	66.7% #D3B4C0	RGB 211 180 192	#D3B4C0
83.3%	83.3% #CEA8B7	RGB 206 168 183	#CEA8B7
100.0%	100.0% #CA9CAE	RGB 202 156 174	#CA9CAE

#E7E5E5 #E2D8DB #DDCCD2 #D8C0C9 #D3B4C0 #CEA8B7 #CA9CAE

#E7E5E5 - #CA9CAE

Mezcla HSV

#E7E5E5 - #CA9CAE | 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 #E7E5E5 como 0% y #CA9CAE como 100%.

0.0%	0.0% #E7E5E5	RGB 231 229 229	#E7E5E5
16.7%	16.7% #E2D7D8	RGB 226 215 216	#E2D7D8
33.3%	33.3% #DDCBCD	RGB 221 203 205	#DDCBCD
50.0%	50.0% #D8BEC3	RGB 216 190 195	#D8BEC3
66.7%	66.7% #D3B2BB	RGB 211 178 187	#D3B2BB
83.3%	83.3% #CEA7B4	RGB 206 167 180	#CEA7B4
100.0%	100.0% #CA9CAE	RGB 202 156 174	#CA9CAE

#E7E5E5 #E2D7D8 #DDCBCD #D8BEC3 #D3B2BB #CEA7B4 #CA9CAE

#E7E5E5 - #D8BEC3 - #CA9CAE

Códigos CSS

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

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