#9A00A1 - #E2B6E4 | 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 #9A00A1 a #E2B6E4

#9A00A1 #E2B6E4

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

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

0.0%	0.0% #9A00A1	RGB 154 0 161	#9A00A1
16.7%	16.7% #A61EAC	RGB 166 30 172	#A61EAC
33.3%	33.3% #B23CB7	RGB 178 60 183	#B23CB7
50.0%	50.0% #BE5BC2	RGB 190 91 194	#BE5BC2
66.7%	66.7% #CA79CD	RGB 202 121 205	#CA79CD
83.3%	83.3% #D697D8	RGB 214 151 216	#D697D8
100.0%	100.0% #E2B6E4	RGB 226 182 228	#E2B6E4

#9A00A1 #A61EAC #B23CB7 #BE5BC2 #CA79CD #D697D8 #E2B6E4

#9A00A1 - #E2B6E4

Mezcla HSV

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

0.0%	0.0% #9900A1	RGB 153 0 161	#9900A1
16.7%	16.7% #A516AC	RGB 165 22 172	#A516AC
33.3%	33.3% #B130B7	RGB 177 48 183	#B130B7
50.0%	50.0% #BD4DC2	RGB 189 77 194	#BD4DC2
66.7%	66.7% #C96DCD	RGB 201 109 205	#C96DCD
83.3%	83.3% #D590D8	RGB 213 144 216	#D590D8
100.0%	100.0% #E2B6E4	RGB 226 182 228	#E2B6E4

#9900A1 #A516AC #B130B7 #BD4DC2 #C96DCD #D590D8 #E2B6E4

#9A00A1 - #BD4DC2 - #E2B6E4

Códigos CSS

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

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