#AF20B2 - #E7BFE9 | 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 #AF20B2 a #E7BFE9

#AF20B2 #E7BFE9

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

#AF20B2 - #E7BFE9 | 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 #AF20B2 como 0% y #E7BFE9 como 100%.

0.0%	0.0% #AF20B2	RGB 175 32 178	#AF20B2
16.7%	16.7% #B83ABB	RGB 184 58 187	#B83ABB
33.3%	33.3% #C155C4	RGB 193 85 196	#C155C4
50.0%	50.0% #CB6FCD	RGB 203 111 205	#CB6FCD
66.7%	66.7% #D48AD6	RGB 212 138 214	#D48AD6
83.3%	83.3% #DDA4DF	RGB 221 164 223	#DDA4DF
100.0%	100.0% #E7BFE9	RGB 231 191 233	#E7BFE9

#AF20B2 #B83ABB #C155C4 #CB6FCD #D48AD6 #DDA4DF #E7BFE9

#AF20B2 - #E7BFE9

Mezcla HSV

#AF20B2 - #E7BFE9 | 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 #AF20B2 como 0% y #E7BFE9 como 100%.

0.0%	0.0% #AF20B2	RGB 175 32 178	#AF20B2
16.7%	16.7% #B735BB	RGB 183 53 187	#B735BB
33.3%	33.3% #C04DC4	RGB 192 77 196	#C04DC4
50.0%	50.0% #C966CD	RGB 201 102 205	#C966CD
66.7%	66.7% #D382D6	RGB 211 130 214	#D382D6
83.3%	83.3% #DD9FDF	RGB 221 159 223	#DD9FDF
100.0%	100.0% #E7BFE9	RGB 231 191 233	#E7BFE9

#AF20B2 #B735BB #C04DC4 #C966CD #D382D6 #DD9FDF #E7BFE9

#AF20B2 - #C966CD - #E7BFE9

Códigos CSS

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

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