#FF5E8C - #FFCAA7 | 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 #FFCAA7

#FF5E8C #FFCAA7

Calcule el color entre dos colores, #FF5E8C y #FFCAA7. 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 - #FFCAA7 | 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 #FFCAA7 como 100%.

0.0%	0.0% #FF5E8C	RGB 255 94 140	#FF5E8C
16.7%	16.7% #FF7090	RGB 255 112 144	#FF7090
33.3%	33.3% #FF8295	RGB 255 130 149	#FF8295
50.0%	50.0% #FF9499	RGB 255 148 153	#FF9499
66.7%	66.7% #FFA69E	RGB 255 166 158	#FFA69E
83.3%	83.3% #FFB8A2	RGB 255 184 162	#FFB8A2
100.0%	100.0% #FFCAA7	RGB 255 202 167	#FFCAA7

#FF5E8C #FF7090 #FF8295 #FF9499 #FFA69E #FFB8A2 #FFCAA7

#FF5E8C - #FFCAA7

Mezcla HSV

#FF5E8C - #FFCAA7 | 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 #FFCAA7 como 100%.

0.0%	0.0% #FF5D8B	RGB 255 93 139	#FF5D8B
16.7%	16.7% #FF6A83	RGB 255 106 131	#FF6A83
33.3%	33.3% #FF767E	RGB 255 118 126	#FF767E
50.0%	50.0% #FF8982	RGB 255 137 130	#FF8982
66.7%	66.7% #FFA18E	RGB 255 161 142	#FFA18E
83.3%	83.3% #FFB79A	RGB 255 183 154	#FFB79A
100.0%	100.0% #FFCAA7	RGB 255 202 167	#FFCAA7

#FF5D8B #FF6A83 #FF767E #FF8982 #FFA18E #FFB79A #FFCAA7

#FF5E8C - #FF8982 - #FFCAA7

Códigos CSS

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

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