#FFBDB5 - #F36B5E | 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 #FFBDB5 a #F36B5E

#FFBDB5 #F36B5E

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

#FFBDB5 - #F36B5E | 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 #FFBDB5 como 0% y #F36B5E como 100%.

0.0%	0.0% #FFBDB5	RGB 255 189 181	#FFBDB5
16.7%	16.7% #FDAFA6	RGB 253 175 166	#FDAFA6
33.3%	33.3% #FBA198	RGB 251 161 152	#FBA198
50.0%	50.0% #F99489	RGB 249 148 137	#F99489
66.7%	66.7% #F7867B	RGB 247 134 123	#F7867B
83.3%	83.3% #F5786C	RGB 245 120 108	#F5786C
100.0%	100.0% #F36B5E	RGB 243 107 94	#F36B5E

#FFBDB5 #FDAFA6 #FBA198 #F99489 #F7867B #F5786C #F36B5E

#FFBDB5 - #F36B5E

Mezcla HSV

#FFBDB5 - #F36B5E | 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 #FFBDB5 como 0% y #F36B5E como 100%.

0.0%	0.0% #FFBDB5	RGB 255 189 181	#FFBDB5
16.7%	16.7% #FDAFA5	RGB 253 175 165	#FDAFA5
33.3%	33.3% #FBA197	RGB 251 161 151	#FBA197
50.0%	50.0% #F99388	RGB 249 147 136	#F99388
66.7%	66.7% #F7857A	RGB 247 133 122	#F7857A
83.3%	83.3% #F5786B	RGB 245 120 107	#F5786B
100.0%	100.0% #F36B5E	RGB 243 107 94	#F36B5E

#FFBDB5 #FDAFA5 #FBA197 #F99388 #F7857A #F5786B #F36B5E

#FFBDB5 - #F99388 - #F36B5E

Códigos CSS

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

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