#C92DBD - #EFC3EC | 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 #C92DBD a #EFC3EC

#C92DBD #EFC3EC

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

#C92DBD - #EFC3EC | 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 #C92DBD como 0% y #EFC3EC como 100%.

0.0%	0.0% #C92DBD	RGB 201 45 189	#C92DBD
16.7%	16.7% #CF46C4	RGB 207 70 196	#CF46C4
33.3%	33.3% #D55FCC	RGB 213 95 204	#D55FCC
50.0%	50.0% #DC78D4	RGB 220 120 212	#DC78D4
66.7%	66.7% #E291DC	RGB 226 145 220	#E291DC
83.3%	83.3% #E8AAE4	RGB 232 170 228	#E8AAE4
100.0%	100.0% #EFC3EC	RGB 239 195 236	#EFC3EC

#C92DBD #CF46C4 #D55FCC #DC78D4 #E291DC #E8AAE4 #EFC3EC

#C92DBD - #EFC3EC

Mezcla HSV

#C92DBD - #EFC3EC | 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 #C92DBD como 0% y #EFC3EC como 100%.

0.0%	0.0% #C92DBD	RGB 201 45 189	#C92DBD
16.7%	16.7% #CF42C4	RGB 207 66 196	#CF42C4
33.3%	33.3% #D55ACC	RGB 213 90 204	#D55ACC
50.0%	50.0% #DC72D4	RGB 220 114 212	#DC72D4
66.7%	66.7% #E28CDC	RGB 226 140 220	#E28CDC
83.3%	83.3% #E8A6E4	RGB 232 166 228	#E8A6E4
100.0%	100.0% #EFC3EC	RGB 239 195 236	#EFC3EC

#C92DBD #CF42C4 #D55ACC #DC72D4 #E28CDC #E8A6E4 #EFC3EC

#C92DBD - #DC72D4 - #EFC3EC

Códigos CSS

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

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