#B64C5E - #FE9A70 | 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 #B64C5E a #FE9A70

#B64C5E #FE9A70

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

#B64C5E - #FE9A70 | 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 #B64C5E como 0% y #FE9A70 como 100%.

0.0%	0.0% #B64C5E	RGB 182 76 94	#B64C5E
16.7%	16.7% #C25961	RGB 194 89 97	#C25961
33.3%	33.3% #CE6664	RGB 206 102 100	#CE6664
50.0%	50.0% #DA7367	RGB 218 115 103	#DA7367
66.7%	66.7% #E6806A	RGB 230 128 106	#E6806A
83.3%	83.3% #F28D6D	RGB 242 141 109	#F28D6D
100.0%	100.0% #FE9A70	RGB 254 154 112	#FE9A70

#B64C5E #C25961 #CE6664 #DA7367 #E6806A #F28D6D #FE9A70

#B64C5E - #FE9A70

Mezcla HSV

#B64C5E - #FE9A70 | 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 #B64C5E como 0% y #FE9A70 como 100%.

0.0%	0.0% #B64C5E	RGB 182 76 94	#B64C5E
16.7%	16.7% #C2515C	RGB 194 81 92	#C2515C
33.3%	33.3% #CE5759	RGB 206 87 89	#CE5759
50.0%	50.0% #DA655D	RGB 218 101 93	#DA655D
66.7%	66.7% #E67563	RGB 230 117 99	#E67563
83.3%	83.3% #F28769	RGB 242 135 105	#F28769
100.0%	100.0% #FE9A70	RGB 254 154 112	#FE9A70

#B64C5E #C2515C #CE5759 #DA655D #E67563 #F28769 #FE9A70

#B64C5E - #DA655D - #FE9A70

Códigos CSS

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

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