#9C92D7 - #E2DFF3 | 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 #9C92D7 a #E2DFF3

#9C92D7 #E2DFF3

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

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

0.0%	0.0% #9C92D7	RGB 156 146 215	#9C92D7
16.7%	16.7% #A79EDB	RGB 167 158 219	#A79EDB
33.3%	33.3% #B3ABE0	RGB 179 171 224	#B3ABE0
50.0%	50.0% #BFB8E5	RGB 191 184 229	#BFB8E5
66.7%	66.7% #CAC5E9	RGB 202 197 233	#CAC5E9
83.3%	83.3% #D6D2EE	RGB 214 210 238	#D6D2EE
100.0%	100.0% #E2DFF3	RGB 226 223 243	#E2DFF3

#9C92D7 #A79EDB #B3ABE0 #BFB8E5 #CAC5E9 #D6D2EE #E2DFF3

#9C92D7 - #E2DFF3

Mezcla HSV

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

0.0%	0.0% #9B92D7	RGB 155 146 215	#9B92D7
16.7%	16.7% #A69DDB	RGB 166 157 219	#A69DDB
33.3%	33.3% #B2AAE0	RGB 178 170 224	#B2AAE0
50.0%	50.0% #BDB6E5	RGB 189 182 229	#BDB6E5
66.7%	66.7% #C9C3E9	RGB 201 195 233	#C9C3E9
83.3%	83.3% #D5D1EE	RGB 213 209 238	#D5D1EE
100.0%	100.0% #E2DFF3	RGB 226 223 243	#E2DFF3

#9B92D7 #A69DDB #B2AAE0 #BDB6E5 #C9C3E9 #D5D1EE #E2DFF3

#9C92D7 - #BDB6E5 - #E2DFF3

Códigos CSS

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

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