#9C92C2 - #E2DFED | 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 #9C92C2 a #E2DFED

#9C92C2 #E2DFED

Calcule el color entre dos colores, #9C92C2 y #E2DFED. 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)

#9C92C2 - #E2DFED | 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 #9C92C2 como 0% y #E2DFED como 100%.

0.0%	0.0% #9C92C2	RGB 156 146 194	#9C92C2
16.7%	16.7% #A79EC9	RGB 167 158 201	#A79EC9
33.3%	33.3% #B3ABD0	RGB 179 171 208	#B3ABD0
50.0%	50.0% #BFB8D7	RGB 191 184 215	#BFB8D7
66.7%	66.7% #CAC5DE	RGB 202 197 222	#CAC5DE
83.3%	83.3% #D6D2E5	RGB 214 210 229	#D6D2E5
100.0%	100.0% #E2DFED	RGB 226 223 237	#E2DFED

#9C92C2 #A79EC9 #B3ABD0 #BFB8D7 #CAC5DE #D6D2E5 #E2DFED

#9C92C2 - #E2DFED

Mezcla HSV

#9C92C2 - #E2DFED | 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 #9C92C2 como 0% y #E2DFED como 100%.

0.0%	0.0% #9C92C2	RGB 156 146 194	#9C92C2
16.7%	16.7% #A69DC9	RGB 166 157 201	#A69DC9
33.3%	33.3% #B1A9D0	RGB 177 169 208	#B1A9D0
50.0%	50.0% #BDB6D7	RGB 189 182 215	#BDB6D7
66.7%	66.7% #C9C3DE	RGB 201 195 222	#C9C3DE
83.3%	83.3% #D5D1E5	RGB 213 209 229	#D5D1E5
100.0%	100.0% #E2DFED	RGB 226 223 237	#E2DFED

#9C92C2 #A69DC9 #B1A9D0 #BDB6D7 #C9C3DE #D5D1E5 #E2DFED

#9C92C2 - #BDB6D7 - #E2DFED

Códigos CSS

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

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