#B02CAA - #AEB5E9 | 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 #B02CAA a #AEB5E9

#B02CAA #AEB5E9

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

#B02CAA - #AEB5E9 | 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 #B02CAA como 0% y #AEB5E9 como 100%.

0.0%	0.0% #B02CAA	RGB 176 44 170	#B02CAA
16.7%	16.7% #AF42B4	RGB 175 66 180	#AF42B4
33.3%	33.3% #AF59BF	RGB 175 89 191	#AF59BF
50.0%	50.0% #AF70C9	RGB 175 112 201	#AF70C9
66.7%	66.7% #AE87D4	RGB 174 135 212	#AE87D4
83.3%	83.3% #AE9EDE	RGB 174 158 222	#AE9EDE
100.0%	100.0% #AEB5E9	RGB 174 181 233	#AEB5E9

#B02CAA #AF42B4 #AF59BF #AF70C9 #AE87D4 #AE9EDE #AEB5E9

#B02CAA - #AEB5E9

Mezcla HSV

#B02CAA - #AEB5E9 | 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 #B02CAA como 0% y #AEB5E9 como 100%.

0.0%	0.0% #B02CAA	RGB 176 44 170	#B02CAA
16.7%	16.7% #A73DB9	RGB 167 61 185	#A73DB9
33.3%	33.3% #9B51C3	RGB 155 81 195	#9B51C3
50.0%	50.0% #9565CC	RGB 149 101 204	#9565CC
66.7%	66.7% #947CD6	RGB 148 124 214	#947CD6
83.3%	83.3% #9A94DF	RGB 154 148 223	#9A94DF
100.0%	100.0% #AEB5E9	RGB 174 181 233	#AEB5E9

#B02CAA #A73DB9 #9B51C3 #9565CC #947CD6 #9A94DF #AEB5E9

#B02CAA - #9565CC - #AEB5E9

Códigos CSS

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

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