#FF4DC2 - #E3C7E5 | 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 #FF4DC2 a #E3C7E5

#FF4DC2 #E3C7E5

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

#FF4DC2 - #E3C7E5 | 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 #FF4DC2 como 0% y #E3C7E5 como 100%.

0.0%	0.0% #FF4DC2	RGB 255 77 194	#FF4DC2
16.7%	16.7% #FA61C7	RGB 250 97 199	#FA61C7
33.3%	33.3% #F575CD	RGB 245 117 205	#F575CD
50.0%	50.0% #F18AD3	RGB 241 138 211	#F18AD3
66.7%	66.7% #EC9ED9	RGB 236 158 217	#EC9ED9
83.3%	83.3% #E7B2DF	RGB 231 178 223	#E7B2DF
100.0%	100.0% #E3C7E5	RGB 227 199 229	#E3C7E5

#FF4DC2 #FA61C7 #F575CD #F18AD3 #EC9ED9 #E7B2DF #E3C7E5

#FF4DC2 - #E3C7E5

Mezcla HSV

#FF4DC2 - #E3C7E5 | 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 #FF4DC2 como 0% y #E3C7E5 como 100%.

0.0%	0.0% #FF4DC2	RGB 255 77 194	#FF4DC2
16.7%	16.7% #FA63D1	RGB 250 99 209	#FA63D1
33.3%	33.3% #F678DC	RGB 246 120 220	#F678DC
50.0%	50.0% #F28DE4	RGB 242 141 228	#F28DE4
66.7%	66.7% #EDA1E8	RGB 237 161 232	#EDA1E8
83.3%	83.3% #E9B4E9	RGB 233 180 233	#E9B4E9
100.0%	100.0% #E3C7E5	RGB 227 199 229	#E3C7E5

#FF4DC2 #FA63D1 #F678DC #F28DE4 #EDA1E8 #E9B4E9 #E3C7E5

#FF4DC2 - #F28DE4 - #E3C7E5

Códigos CSS

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

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