#9100A6 - #DFB6E5 | 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 #9100A6 a #DFB6E5

#9100A6 #DFB6E5

Calcule el color entre dos colores, #9100A6 y #DFB6E5. 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)

#9100A6 - #DFB6E5 | 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 #9100A6 como 0% y #DFB6E5 como 100%.

0.0%	0.0% #9100A6	RGB 145 0 166	#9100A6
16.7%	16.7% #9E1EB0	RGB 158 30 176	#9E1EB0
33.3%	33.3% #AB3CBB	RGB 171 60 187	#AB3CBB
50.0%	50.0% #B85BC5	RGB 184 91 197	#B85BC5
66.7%	66.7% #C579D0	RGB 197 121 208	#C579D0
83.3%	83.3% #D297DA	RGB 210 151 218	#D297DA
100.0%	100.0% #DFB6E5	RGB 223 182 229	#DFB6E5

#9100A6 #9E1EB0 #AB3CBB #B85BC5 #C579D0 #D297DA #DFB6E5

#9100A6 - #DFB6E5

Mezcla HSV

#9100A6 - #DFB6E5 | 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 #9100A6 como 0% y #DFB6E5 como 100%.

0.0%	0.0% #9100A6	RGB 145 0 166	#9100A6
16.7%	16.7% #9D17B0	RGB 157 23 176	#9D17B0
33.3%	33.3% #A931BB	RGB 169 49 187	#A931BB
50.0%	50.0% #B64EC5	RGB 182 78 197	#B64EC5
66.7%	66.7% #C36ED0	RGB 195 110 208	#C36ED0
83.3%	83.3% #D190DA	RGB 209 144 218	#D190DA
100.0%	100.0% #DFB6E5	RGB 223 182 229	#DFB6E5

#9100A6 #9D17B0 #A931BB #B64EC5 #C36ED0 #D190DA #DFB6E5

#9100A6 - #B64EC5 - #DFB6E5

Códigos CSS

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

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