#E5B5E3 - #CDCFE3 | 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 #E5B5E3 a #CDCFE3

#E5B5E3 #CDCFE3

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

#E5B5E3 - #CDCFE3 | 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 #E5B5E3 como 0% y #CDCFE3 como 100%.

0.0%	0.0% #E5B5E3	RGB 229 181 227	#E5B5E3
16.7%	16.7% #E1B9E3	RGB 225 185 227	#E1B9E3
33.3%	33.3% #DDBDE3	RGB 221 189 227	#DDBDE3
50.0%	50.0% #D9C2E3	RGB 217 194 227	#D9C2E3
66.7%	66.7% #D5C6E3	RGB 213 198 227	#D5C6E3
83.3%	83.3% #D1CAE3	RGB 209 202 227	#D1CAE3
100.0%	100.0% #CDCFE3	RGB 205 207 227	#CDCFE3

#E5B5E3 #E1B9E3 #DDBDE3 #D9C2E3 #D5C6E3 #D1CAE3 #CDCFE3

#E5B5E3 - #CDCFE3

Mezcla HSV

#E5B5E3 - #CDCFE3 | 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 #E5B5E3 como 0% y #CDCFE3 como 100%.

0.0%	0.0% #E5B5E3	RGB 229 181 227	#E5B5E3
16.7%	16.7% #DEB9E4	RGB 222 185 228	#DEB9E4
33.3%	33.3% #D7BDE4	RGB 215 189 228	#D7BDE4
50.0%	50.0% #D1C1E4	RGB 209 193 228	#D1C1E4
66.7%	66.7% #CDC5E3	RGB 205 197 227	#CDC5E3
83.3%	83.3% #CBC9E3	RGB 203 201 227	#CBC9E3
100.0%	100.0% #CDCFE3	RGB 205 207 227	#CDCFE3

#E5B5E3 #DEB9E4 #D7BDE4 #D1C1E4 #CDC5E3 #CBC9E3 #CDCFE3

#E5B5E3 - #D1C1E4 - #CDCFE3

Códigos CSS

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

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