#FF5E5B - #FFD0D0 | 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 #FF5E5B a #FFD0D0

#FF5E5B #FFD0D0

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

#FF5E5B - #FFD0D0 | 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 #FF5E5B como 0% y #FFD0D0 como 100%.

0.0%	0.0% #FF5E5B	RGB 255 94 91	#FF5E5B
16.7%	16.7% #FF716E	RGB 255 113 110	#FF716E
33.3%	33.3% #FF8482	RGB 255 132 130	#FF8482
50.0%	50.0% #FF9795	RGB 255 151 149	#FF9795
66.7%	66.7% #FFAAA9	RGB 255 170 169	#FFAAA9
83.3%	83.3% #FFBDBC	RGB 255 189 188	#FFBDBC
100.0%	100.0% #FFD0D0	RGB 255 208 208	#FFD0D0

#FF5E5B #FF716E #FF8482 #FF9795 #FFAAA9 #FFBDBC #FFD0D0

#FF5E5B - #FFD0D0

Mezcla HSV

#FF5E5B - #FFD0D0 | 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 #FF5E5B como 0% y #FFD0D0 como 100%.

0.0%	0.0% #FF5E5B	RGB 255 94 91	#FF5E5B
16.7%	16.7% #FF706E	RGB 255 112 110	#FF706E
33.3%	33.3% #FF8382	RGB 255 131 130	#FF8382
50.0%	50.0% #FF9695	RGB 255 150 149	#FF9695
66.7%	66.7% #FFA9A9	RGB 255 169 169	#FFA9A9
83.3%	83.3% #FFBCBC	RGB 255 188 188	#FFBCBC
100.0%	100.0% #FFD0D0	RGB 255 208 208	#FFD0D0

#FF5E5B #FF706E #FF8382 #FF9695 #FFA9A9 #FFBCBC #FFD0D0

#FF5E5B - #FF9695 - #FFD0D0

Códigos CSS

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

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