#FF7ADE - #FFD9F5 | 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 #FF7ADE a #FFD9F5

#FF7ADE #FFD9F5

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

#FF7ADE - #FFD9F5 | 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 #FF7ADE como 0% y #FFD9F5 como 100%.

0.0%	0.0% #FF7ADE	RGB 255 122 222	#FF7ADE
16.7%	16.7% #FF89E1	RGB 255 137 225	#FF89E1
33.3%	33.3% #FF99E5	RGB 255 153 229	#FF99E5
50.0%	50.0% #FFA9E9	RGB 255 169 233	#FFA9E9
66.7%	66.7% #FFB9ED	RGB 255 185 237	#FFB9ED
83.3%	83.3% #FFC9F1	RGB 255 201 241	#FFC9F1
100.0%	100.0% #FFD9F5	RGB 255 217 245	#FFD9F5

#FF7ADE #FF89E1 #FF99E5 #FFA9E9 #FFB9ED #FFC9F1 #FFD9F5

#FF7ADE - #FFD9F5

Mezcla HSV

#FF7ADE - #FFD9F5 | 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 #FF7ADE como 0% y #FFD9F5 como 100%.

0.0%	0.0% #FF7ADE	RGB 255 122 222	#FF7ADE
16.7%	16.7% #FF89E1	RGB 255 137 225	#FF89E1
33.3%	33.3% #FF99E5	RGB 255 153 229	#FF99E5
50.0%	50.0% #FFA9E9	RGB 255 169 233	#FFA9E9
66.7%	66.7% #FFB9ED	RGB 255 185 237	#FFB9ED
83.3%	83.3% #FFC9F0	RGB 255 201 240	#FFC9F0
100.0%	100.0% #FFD9F5	RGB 255 217 245	#FFD9F5

#FF7ADE #FF89E1 #FF99E5 #FFA9E9 #FFB9ED #FFC9F0 #FFD9F5

#FF7ADE - #FFA9E9 - #FFD9F5

Códigos CSS

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

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