#EDA8F7 - #D151E6 | 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 #EDA8F7 a #D151E6

#EDA8F7 #D151E6

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

#EDA8F7 - #D151E6 | 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 #EDA8F7 como 0% y #D151E6 como 100%.

0.0%	0.0% #EDA8F7	RGB 237 168 247	#EDA8F7
16.7%	16.7% #E899F4	RGB 232 153 244	#E899F4
33.3%	33.3% #E38BF1	RGB 227 139 241	#E38BF1
50.0%	50.0% #DF7CEE	RGB 223 124 238	#DF7CEE
66.7%	66.7% #DA6EEB	RGB 218 110 235	#DA6EEB
83.3%	83.3% #D55FE8	RGB 213 95 232	#D55FE8
100.0%	100.0% #D151E6	RGB 209 81 230	#D151E6

#EDA8F7 #E899F4 #E38BF1 #DF7CEE #DA6EEB #D55FE8 #D151E6

#EDA8F7 - #D151E6

Mezcla HSV

#EDA8F7 - #D151E6 | 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 #EDA8F7 como 0% y #D151E6 como 100%.

0.0%	0.0% #EDA8F7	RGB 237 168 247	#EDA8F7
16.7%	16.7% #E898F4	RGB 232 152 244	#E898F4
33.3%	33.3% #E389F1	RGB 227 137 241	#E389F1
50.0%	50.0% #DF7BEE	RGB 223 123 238	#DF7BEE
66.7%	66.7% #DA6CEB	RGB 218 108 235	#DA6CEB
83.3%	83.3% #D55EE8	RGB 213 94 232	#D55EE8
100.0%	100.0% #D151E6	RGB 209 81 230	#D151E6

#EDA8F7 #E898F4 #E389F1 #DF7BEE #DA6CEB #D55EE8 #D151E6

#EDA8F7 - #DF7BEE - #D151E6

Códigos CSS

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

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