#FFB2FF - #AC3FCD | 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 #FFB2FF a #AC3FCD

#FFB2FF #AC3FCD

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

#FFB2FF - #AC3FCD | 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 #FFB2FF como 0% y #AC3FCD como 100%.

0.0%	0.0% #FFB2FF	RGB 255 178 255	#FFB2FF
16.7%	16.7% #F19EF6	RGB 241 158 246	#F19EF6
33.3%	33.3% #E38BEE	RGB 227 139 238	#E38BEE
50.0%	50.0% #D578E6	RGB 213 120 230	#D578E6
66.7%	66.7% #C765DD	RGB 199 101 221	#C765DD
83.3%	83.3% #B952D5	RGB 185 82 213	#B952D5
100.0%	100.0% #AC3FCD	RGB 172 63 205	#AC3FCD

#FFB2FF #F19EF6 #E38BEE #D578E6 #C765DD #B952D5 #AC3FCD

#FFB2FF - #AC3FCD

Mezcla HSV

#FFB2FF - #AC3FCD | 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 #FFB2FF como 0% y #AC3FCD como 100%.

0.0%	0.0% #FEB2FF	RGB 254 178 255	#FEB2FF
16.7%	16.7% #F39CF6	RGB 243 156 246	#F39CF6
33.3%	33.3% #E687EE	RGB 230 135 238	#E687EE
50.0%	50.0% #D873E6	RGB 216 115 230	#D873E6
66.7%	66.7% #CA60DD	RGB 202 96 221	#CA60DD
83.3%	83.3% #BB4FD5	RGB 187 79 213	#BB4FD5
100.0%	100.0% #AC3FCD	RGB 172 63 205	#AC3FCD

#FEB2FF #F39CF6 #E687EE #D873E6 #CA60DD #BB4FD5 #AC3FCD

#FFB2FF - #D873E6 - #AC3FCD

Códigos CSS

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

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