#FF4E5E - #FFB26C | 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 #FF4E5E a #FFB26C

#FF4E5E #FFB26C

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

#FF4E5E - #FFB26C | 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 #FF4E5E como 0% y #FFB26C como 100%.

0.0%	0.0% #FF4E5E	RGB 255 78 94	#FF4E5E
16.7%	16.7% #FF5E60	RGB 255 94 96	#FF5E60
33.3%	33.3% #FF6F62	RGB 255 111 98	#FF6F62
50.0%	50.0% #FF8065	RGB 255 128 101	#FF8065
66.7%	66.7% #FF9067	RGB 255 144 103	#FF9067
83.3%	83.3% #FFA169	RGB 255 161 105	#FFA169
100.0%	100.0% #FFB26C	RGB 255 178 108	#FFB26C

#FF4E5E #FF5E60 #FF6F62 #FF8065 #FF9067 #FFA169 #FFB26C

#FF4E5E - #FFB26C

Mezcla HSV

#FF4E5E - #FFB26C | 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 #FF4E5E como 0% y #FFB26C como 100%.

0.0%	0.0% #FF4D5D	RGB 255 77 93	#FF4D5D
16.7%	16.7% #FF5352	RGB 255 83 82	#FF5352
33.3%	33.3% #FF6857	RGB 255 104 87	#FF6857
50.0%	50.0% #FF7C5D	RGB 255 124 93	#FF7C5D
66.7%	66.7% #FF8F62	RGB 255 143 98	#FF8F62
83.3%	83.3% #FFA167	RGB 255 161 103	#FFA167
100.0%	100.0% #FFB26C	RGB 255 178 108	#FFB26C

#FF4D5D #FF5352 #FF6857 #FF7C5D #FF8F62 #FFA167 #FFB26C

#FF4E5E - #FF7C5D - #FFB26C

Códigos CSS

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

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