#CE9BCC - #ECB2FF | 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 #CE9BCC a #ECB2FF

#CE9BCC #ECB2FF

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

#CE9BCC - #ECB2FF | 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 #CE9BCC como 0% y #ECB2FF como 100%.

0.0%	0.0% #CE9BCC	RGB 206 155 204	#CE9BCC
16.7%	16.7% #D39ED4	RGB 211 158 212	#D39ED4
33.3%	33.3% #D8A2DD	RGB 216 162 221	#D8A2DD
50.0%	50.0% #DDA6E5	RGB 221 166 229	#DDA6E5
66.7%	66.7% #E2AAEE	RGB 226 170 238	#E2AAEE
83.3%	83.3% #E7AEF6	RGB 231 174 246	#E7AEF6
100.0%	100.0% #ECB2FF	RGB 236 178 255	#ECB2FF

#CE9BCC #D39ED4 #D8A2DD #DDA6E5 #E2AAEE #E7AEF6 #ECB2FF

#CE9BCC - #ECB2FF

Mezcla HSV

#CE9BCC - #ECB2FF | 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 #CE9BCC como 0% y #ECB2FF como 100%.

0.0%	0.0% #CE9BCC	RGB 206 155 204	#CE9BCC
16.7%	16.7% #D59FD6	RGB 213 159 214	#D59FD6
33.3%	33.3% #DBA3DE	RGB 219 163 222	#DBA3DE
50.0%	50.0% #DFA7E6	RGB 223 167 230	#DFA7E6
66.7%	66.7% #E4AAEE	RGB 228 170 238	#E4AAEE
83.3%	83.3% #E8AEF6	RGB 232 174 246	#E8AEF6
100.0%	100.0% #ECB2FF	RGB 236 178 255	#ECB2FF

#CE9BCC #D59FD6 #DBA3DE #DFA7E6 #E4AAEE #E8AEF6 #ECB2FF

#CE9BCC - #DFA7E6 - #ECB2FF

Códigos CSS

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

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