#FF5E9F - #FFD0BF | 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 #FF5E9F a #FFD0BF

#FF5E9F #FFD0BF

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

#FF5E9F - #FFD0BF | 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 #FF5E9F como 0% y #FFD0BF como 100%.

0.0%	0.0% #FF5E9F	RGB 255 94 159	#FF5E9F
16.7%	16.7% #FF71A4	RGB 255 113 164	#FF71A4
33.3%	33.3% #FF84A9	RGB 255 132 169	#FF84A9
50.0%	50.0% #FF97AF	RGB 255 151 175	#FF97AF
66.7%	66.7% #FFAAB4	RGB 255 170 180	#FFAAB4
83.3%	83.3% #FFBDB9	RGB 255 189 185	#FFBDB9
100.0%	100.0% #FFD0BF	RGB 255 208 191	#FFD0BF

#FF5E9F #FF71A4 #FF84A9 #FF97AF #FFAAB4 #FFBDB9 #FFD0BF

#FF5E9F - #FFD0BF

Mezcla HSV

#FF5E9F - #FFD0BF | 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 #FF5E9F como 0% y #FFD0BF como 100%.

0.0%	0.0% #FF5D9F	RGB 255 93 159	#FF5D9F
16.7%	16.7% #FF6E98	RGB 255 110 152	#FF6E98
33.3%	33.3% #FF7E95	RGB 255 126 149	#FF7E95
50.0%	50.0% #FF8E96	RGB 255 142 150	#FF8E96
66.7%	66.7% #FFA29E	RGB 255 162 158	#FFA29E
83.3%	83.3% #FFBBAE	RGB 255 187 174	#FFBBAE
100.0%	100.0% #FFD0BF	RGB 255 208 191	#FFD0BF

#FF5D9F #FF6E98 #FF7E95 #FF8E96 #FFA29E #FFBBAE #FFD0BF

#FF5E9F - #FF8E96 - #FFD0BF

Códigos CSS

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

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