#FFA3FE - #DB1ACA | 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 #FFA3FE a #DB1ACA

#FFA3FE #DB1ACA

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

#FFA3FE - #DB1ACA | 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 #FFA3FE como 0% y #DB1ACA como 100%.

0.0%	0.0% #FFA3FE	RGB 255 163 254	#FFA3FE
16.7%	16.7% #F98CF5	RGB 249 140 245	#F98CF5
33.3%	33.3% #F375EC	RGB 243 117 236	#F375EC
50.0%	50.0% #ED5EE4	RGB 237 94 228	#ED5EE4
66.7%	66.7% #E747DB	RGB 231 71 219	#E747DB
83.3%	83.3% #E130D2	RGB 225 48 210	#E130D2
100.0%	100.0% #DB1ACA	RGB 219 26 202	#DB1ACA

#FFA3FE #F98CF5 #F375EC #ED5EE4 #E747DB #E130D2 #DB1ACA

#FFA3FE - #DB1ACA

Mezcla HSV

#FFA3FE - #DB1ACA | 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 #FFA3FE como 0% y #DB1ACA como 100%.

0.0%	0.0% #FFA3FE	RGB 255 163 254	#FFA3FE
16.7%	16.7% #F989F6	RGB 249 137 246	#F989F6
33.3%	33.3% #F371EE	RGB 243 113 238	#F371EE
50.0%	50.0% #ED59E5	RGB 237 89 229	#ED59E5
66.7%	66.7% #E743DC	RGB 231 67 220	#E743DC
83.3%	83.3% #E12ED3	RGB 225 46 211	#E12ED3
100.0%	100.0% #DB1ACA	RGB 219 26 202	#DB1ACA

#FFA3FE #F989F6 #F371EE #ED59E5 #E743DC #E12ED3 #DB1ACA

#FFA3FE - #ED59E5 - #DB1ACA

Códigos CSS

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

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