#FFA8F0 - #DB2AB4 | 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 #FFA8F0 a #DB2AB4

#FFA8F0 #DB2AB4

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

#FFA8F0 - #DB2AB4 | 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 #FFA8F0 como 0% y #DB2AB4 como 100%.

0.0%	0.0% #FFA8F0	RGB 255 168 240	#FFA8F0
16.7%	16.7% #F993E6	RGB 249 147 230	#F993E6
33.3%	33.3% #F37EDC	RGB 243 126 220	#F37EDC
50.0%	50.0% #ED69D2	RGB 237 105 210	#ED69D2
66.7%	66.7% #E754C8	RGB 231 84 200	#E754C8
83.3%	83.3% #E13FBE	RGB 225 63 190	#E13FBE
100.0%	100.0% #DB2AB4	RGB 219 42 180	#DB2AB4

#FFA8F0 #F993E6 #F37EDC #ED69D2 #E754C8 #E13FBE #DB2AB4

#FFA8F0 - #DB2AB4

Mezcla HSV

#FFA8F0 - #DB2AB4 | 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 #FFA8F0 como 0% y #DB2AB4 como 100%.

0.0%	0.0% #FFA8F0	RGB 255 168 240	#FFA8F0
16.7%	16.7% #F990E6	RGB 249 144 230	#F990E6
33.3%	33.3% #F37ADC	RGB 243 122 220	#F37ADC
50.0%	50.0% #ED64D2	RGB 237 100 210	#ED64D2
66.7%	66.7% #E750C8	RGB 231 80 200	#E750C8
83.3%	83.3% #E13CBE	RGB 225 60 190	#E13CBE
100.0%	100.0% #DB2AB4	RGB 219 42 180	#DB2AB4

#FFA8F0 #F990E6 #F37ADC #ED64D2 #E750C8 #E13CBE #DB2AB4

#FFA8F0 - #ED64D2 - #DB2AB4

Códigos CSS

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

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