#C05FC1 - #EDD1ED | 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 #C05FC1 a #EDD1ED

#C05FC1 #EDD1ED

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

#C05FC1 - #EDD1ED | 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 #C05FC1 como 0% y #EDD1ED como 100%.

0.0%	0.0% #C05FC1	RGB 192 95 193	#C05FC1
16.7%	16.7% #C772C8	RGB 199 114 200	#C772C8
33.3%	33.3% #CF85CF	RGB 207 133 207	#CF85CF
50.0%	50.0% #D698D7	RGB 214 152 215	#D698D7
66.7%	66.7% #DEABDE	RGB 222 171 222	#DEABDE
83.3%	83.3% #E5BEE5	RGB 229 190 229	#E5BEE5
100.0%	100.0% #EDD1ED	RGB 237 209 237	#EDD1ED

#C05FC1 #C772C8 #CF85CF #D698D7 #DEABDE #E5BEE5 #EDD1ED

#C05FC1 - #EDD1ED

Mezcla HSV

#C05FC1 - #EDD1ED | 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 #C05FC1 como 0% y #EDD1ED como 100%.

0.0%	0.0% #C05EC1	RGB 192 94 193	#C05EC1
16.7%	16.7% #C76FC8	RGB 199 111 200	#C76FC8
33.3%	33.3% #CF81CF	RGB 207 129 207	#CF81CF
50.0%	50.0% #D693D7	RGB 214 147 215	#D693D7
66.7%	66.7% #DEA7DE	RGB 222 167 222	#DEA7DE
83.3%	83.3% #E5BBE5	RGB 229 187 229	#E5BBE5
100.0%	100.0% #EDD1ED	RGB 237 209 237	#EDD1ED

#C05EC1 #C76FC8 #CF81CF #D693D7 #DEA7DE #E5BBE5 #EDD1ED

#C05FC1 - #D693D7 - #EDD1ED

Códigos CSS

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

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