#CCADCE - #EDC0FF | 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 #CCADCE a #EDC0FF

#CCADCE #EDC0FF

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

#CCADCE - #EDC0FF | 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 #CCADCE como 0% y #EDC0FF como 100%.

0.0%	0.0% #CCADCE	RGB 204 173 206	#CCADCE
16.7%	16.7% #D1B0D6	RGB 209 176 214	#D1B0D6
33.3%	33.3% #D7B3DE	RGB 215 179 222	#D7B3DE
50.0%	50.0% #DCB6E6	RGB 220 182 230	#DCB6E6
66.7%	66.7% #E2B9EE	RGB 226 185 238	#E2B9EE
83.3%	83.3% #E7BCF6	RGB 231 188 246	#E7BCF6
100.0%	100.0% #EDC0FF	RGB 237 192 255	#EDC0FF

#CCADCE #D1B0D6 #D7B3DE #DCB6E6 #E2B9EE #E7BCF6 #EDC0FF

#CCADCE - #EDC0FF

Mezcla HSV

#CCADCE - #EDC0FF | 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 #CCADCE como 0% y #EDC0FF como 100%.

0.0%	0.0% #CCADCE	RGB 204 173 206	#CCADCE
16.7%	16.7% #D2B0D6	RGB 210 176 214	#D2B0D6
33.3%	33.3% #D8B4DE	RGB 216 180 222	#D8B4DE
50.0%	50.0% #DEB7E6	RGB 222 183 230	#DEB7E6
66.7%	66.7% #E3BAEE	RGB 227 186 238	#E3BAEE
83.3%	83.3% #E8BDF6	RGB 232 189 246	#E8BDF6
100.0%	100.0% #EDC0FF	RGB 237 192 255	#EDC0FF

#CCADCE #D2B0D6 #D8B4DE #DEB7E6 #E3BAEE #E8BDF6 #EDC0FF

#CCADCE - #DEB7E6 - #EDC0FF

Códigos CSS

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

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