#FF5E84 - #FFD1DB | 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 #FF5E84 a #FFD1DB

#FF5E84 #FFD1DB

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

#FF5E84 - #FFD1DB | 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 #FF5E84 como 0% y #FFD1DB como 100%.

0.0%	0.0% #FF5E84	RGB 255 94 132	#FF5E84
16.7%	16.7% #FF7192	RGB 255 113 146	#FF7192
33.3%	33.3% #FF84A1	RGB 255 132 161	#FF84A1
50.0%	50.0% #FF97AF	RGB 255 151 175	#FF97AF
66.7%	66.7% #FFAABE	RGB 255 170 190	#FFAABE
83.3%	83.3% #FFBDCC	RGB 255 189 204	#FFBDCC
100.0%	100.0% #FFD1DB	RGB 255 209 219	#FFD1DB

#FF5E84 #FF7192 #FF84A1 #FF97AF #FFAABE #FFBDCC #FFD1DB

#FF5E84 - #FFD1DB

Mezcla HSV

#FF5E84 - #FFD1DB | 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 #FF5E84 como 0% y #FFD1DB como 100%.

0.0%	0.0% #FF5D83	RGB 255 93 131	#FF5D83
16.7%	16.7% #FF7192	RGB 255 113 146	#FF7192
33.3%	33.3% #FF84A0	RGB 255 132 160	#FF84A0
50.0%	50.0% #FF97AE	RGB 255 151 174	#FF97AE
66.7%	66.7% #FFAABD	RGB 255 170 189	#FFAABD
83.3%	83.3% #FFBDCC	RGB 255 189 204	#FFBDCC
100.0%	100.0% #FFD1DB	RGB 255 209 219	#FFD1DB

#FF5D83 #FF7192 #FF84A0 #FF97AE #FFAABD #FFBDCC #FFD1DB

#FF5E84 - #FF97AE - #FFD1DB

Códigos CSS

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

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