#D100D3 - #FF7DF9 | 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 #D100D3 a #FF7DF9

#D100D3 #FF7DF9

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

#D100D3 - #FF7DF9 | 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 #D100D3 como 0% y #FF7DF9 como 100%.

0.0%	0.0% #D100D3	RGB 209 0 211	#D100D3
16.7%	16.7% #D814D9	RGB 216 20 217	#D814D9
33.3%	33.3% #E029DF	RGB 224 41 223	#E029DF
50.0%	50.0% #E83EE6	RGB 232 62 230	#E83EE6
66.7%	66.7% #EF53EC	RGB 239 83 236	#EF53EC
83.3%	83.3% #F768F2	RGB 247 104 242	#F768F2
100.0%	100.0% #FF7DF9	RGB 255 125 249	#FF7DF9

#D100D3 #D814D9 #E029DF #E83EE6 #EF53EC #F768F2 #FF7DF9

#D100D3 - #FF7DF9

Mezcla HSV

#D100D3 - #FF7DF9 | 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 #D100D3 como 0% y #FF7DF9 como 100%.

0.0%	0.0% #D100D3	RGB 209 0 211	#D100D3
16.7%	16.7% #DA11DA	RGB 218 17 218	#DA11DA
33.3%	33.3% #E124DF	RGB 225 36 223	#E124DF
50.0%	50.0% #E939E5	RGB 233 57 229	#E939E5
66.7%	66.7% #F04EEB	RGB 240 78 235	#F04EEB
83.3%	83.3% #F765F2	RGB 247 101 242	#F765F2
100.0%	100.0% #FF7DF9	RGB 255 125 249	#FF7DF9

#D100D3 #DA11DA #E124DF #E939E5 #F04EEB #F765F2 #FF7DF9

#D100D3 - #E939E5 - #FF7DF9

Códigos CSS

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

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