#D200D3 - #FF7EF9 | 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 #D200D3 a #FF7EF9

#D200D3 #FF7EF9

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

#D200D3 - #FF7EF9 | 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 #D200D3 como 0% y #FF7EF9 como 100%.

0.0%	0.0% #D200D3	RGB 210 0 211	#D200D3
16.7%	16.7% #D915D9	RGB 217 21 217	#D915D9
33.3%	33.3% #E12ADF	RGB 225 42 223	#E12ADF
50.0%	50.0% #E83FE6	RGB 232 63 230	#E83FE6
66.7%	66.7% #F054EC	RGB 240 84 236	#F054EC
83.3%	83.3% #F769F2	RGB 247 105 242	#F769F2
100.0%	100.0% #FF7EF9	RGB 255 126 249	#FF7EF9

#D200D3 #D915D9 #E12ADF #E83FE6 #F054EC #F769F2 #FF7EF9

#D200D3 - #FF7EF9

Mezcla HSV

#D200D3 - #FF7EF9 | 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 #D200D3 como 0% y #FF7EF9 como 100%.

0.0%	0.0% #D200D3	RGB 210 0 211	#D200D3
16.7%	16.7% #DA11D9	RGB 218 17 217	#DA11D9
33.3%	33.3% #E125DF	RGB 225 37 223	#E125DF
50.0%	50.0% #E939E5	RGB 233 57 229	#E939E5
66.7%	66.7% #F04FEB	RGB 240 79 235	#F04FEB
83.3%	83.3% #F765F2	RGB 247 101 242	#F765F2
100.0%	100.0% #FF7EF9	RGB 255 126 249	#FF7EF9

#D200D3 #DA11D9 #E125DF #E939E5 #F04FEB #F765F2 #FF7EF9

#D200D3 - #E939E5 - #FF7EF9

Códigos CSS

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

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