#C448DF - #EECAF5 | 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 #C448DF a #EECAF5

#C448DF #EECAF5

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

#C448DF - #EECAF5 | 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 #C448DF como 0% y #EECAF5 como 100%.

0.0%	0.0% #C448DF	RGB 196 72 223	#C448DF
16.7%	16.7% #CB5DE2	RGB 203 93 226	#CB5DE2
33.3%	33.3% #D273E6	RGB 210 115 230	#D273E6
50.0%	50.0% #D989EA	RGB 217 137 234	#D989EA
66.7%	66.7% #E09EED	RGB 224 158 237	#E09EED
83.3%	83.3% #E7B4F1	RGB 231 180 241	#E7B4F1
100.0%	100.0% #EECAF5	RGB 238 202 245	#EECAF5

#C448DF #CB5DE2 #D273E6 #D989EA #E09EED #E7B4F1 #EECAF5

#C448DF - #EECAF5

Mezcla HSV

#C448DF - #EECAF5 | 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 #C448DF como 0% y #EECAF5 como 100%.

0.0%	0.0% #C448DF	RGB 196 72 223	#C448DF
16.7%	16.7% #CA5CE2	RGB 202 92 226	#CA5CE2
33.3%	33.3% #D170E6	RGB 209 112 230	#D170E6
50.0%	50.0% #D886EA	RGB 216 134 234	#D886EA
66.7%	66.7% #DF9CED	RGB 223 156 237	#DF9CED
83.3%	83.3% #E6B2F1	RGB 230 178 241	#E6B2F1
100.0%	100.0% #EECAF5	RGB 238 202 245	#EECAF5

#C448DF #CA5CE2 #D170E6 #D886EA #DF9CED #E6B2F1 #EECAF5

#C448DF - #D886EA - #EECAF5

Códigos CSS

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

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