#FF5E8C - #FFD1DE | 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 #FF5E8C a #FFD1DE

#FF5E8C #FFD1DE

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

#FF5E8C - #FFD1DE | 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 #FF5E8C como 0% y #FFD1DE como 100%.

0.0%	0.0% #FF5E8C	RGB 255 94 140	#FF5E8C
16.7%	16.7% #FF7199	RGB 255 113 153	#FF7199
33.3%	33.3% #FF84A7	RGB 255 132 167	#FF84A7
50.0%	50.0% #FF97B5	RGB 255 151 181	#FF97B5
66.7%	66.7% #FFAAC2	RGB 255 170 194	#FFAAC2
83.3%	83.3% #FFBDD0	RGB 255 189 208	#FFBDD0
100.0%	100.0% #FFD1DE	RGB 255 209 222	#FFD1DE

#FF5E8C #FF7199 #FF84A7 #FF97B5 #FFAAC2 #FFBDD0 #FFD1DE

#FF5E8C - #FFD1DE

Mezcla HSV

#FF5E8C - #FFD1DE | 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 #FF5E8C como 0% y #FFD1DE como 100%.

0.0%	0.0% #FF5D8B	RGB 255 93 139	#FF5D8B
16.7%	16.7% #FF7199	RGB 255 113 153	#FF7199
33.3%	33.3% #FF84A7	RGB 255 132 167	#FF84A7
50.0%	50.0% #FF97B4	RGB 255 151 180	#FF97B4
66.7%	66.7% #FFAAC2	RGB 255 170 194	#FFAAC2
83.3%	83.3% #FFBDD0	RGB 255 189 208	#FFBDD0
100.0%	100.0% #FFD1DE	RGB 255 209 222	#FFD1DE

#FF5D8B #FF7199 #FF84A7 #FF97B4 #FFAAC2 #FFBDD0 #FFD1DE

#FF5E8C - #FF97B4 - #FFD1DE

Códigos CSS

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

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