#AF2CB0 - #E8C2E8 | 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 #AF2CB0 a #E8C2E8

#AF2CB0 #E8C2E8

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

#AF2CB0 - #E8C2E8 | 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 #AF2CB0 como 0% y #E8C2E8 como 100%.

0.0%	0.0% #AF2CB0	RGB 175 44 176	#AF2CB0
16.7%	16.7% #B845B9	RGB 184 69 185	#B845B9
33.3%	33.3% #C25EC2	RGB 194 94 194	#C25EC2
50.0%	50.0% #CB77CC	RGB 203 119 204	#CB77CC
66.7%	66.7% #D590D5	RGB 213 144 213	#D590D5
83.3%	83.3% #DEA9DE	RGB 222 169 222	#DEA9DE
100.0%	100.0% #E8C2E8	RGB 232 194 232	#E8C2E8

#AF2CB0 #B845B9 #C25EC2 #CB77CC #D590D5 #DEA9DE #E8C2E8

#AF2CB0 - #E8C2E8

Mezcla HSV

#AF2CB0 - #E8C2E8 | 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 #AF2CB0 como 0% y #E8C2E8 como 100%.

0.0%	0.0% #AF2CB0	RGB 175 44 176	#AF2CB0
16.7%	16.7% #B840B9	RGB 184 64 185	#B840B9
33.3%	33.3% #C256C2	RGB 194 86 194	#C256C2
50.0%	50.0% #CB6ECC	RGB 203 110 204	#CB6ECC
66.7%	66.7% #D588D5	RGB 213 136 213	#D588D5
83.3%	83.3% #DEA4DE	RGB 222 164 222	#DEA4DE
100.0%	100.0% #E8C2E8	RGB 232 194 232	#E8C2E8

#AF2CB0 #B840B9 #C256C2 #CB6ECC #D588D5 #DEA4DE #E8C2E8

#AF2CB0 - #CB6ECC - #E8C2E8

Códigos CSS

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

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