#F9BCB5 - #EB6B5F | 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 #F9BCB5 a #EB6B5F

#F9BCB5 #EB6B5F

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

#F9BCB5 - #EB6B5F | 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 #F9BCB5 como 0% y #EB6B5F como 100%.

0.0%	0.0% #F9BCB5	RGB 249 188 181	#F9BCB5
16.7%	16.7% #F6AEA6	RGB 246 174 166	#F6AEA6
33.3%	33.3% #F4A198	RGB 244 161 152	#F4A198
50.0%	50.0% #F2938A	RGB 242 147 138	#F2938A
66.7%	66.7% #EF867B	RGB 239 134 123	#EF867B
83.3%	83.3% #ED786D	RGB 237 120 109	#ED786D
100.0%	100.0% #EB6B5F	RGB 235 107 95	#EB6B5F

#F9BCB5 #F6AEA6 #F4A198 #F2938A #EF867B #ED786D #EB6B5F

#F9BCB5 - #EB6B5F

Mezcla HSV

#F9BCB5 - #EB6B5F | 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 #F9BCB5 como 0% y #EB6B5F como 100%.

0.0%	0.0% #F9BCB5	RGB 249 188 181	#F9BCB5
16.7%	16.7% #F6AEA6	RGB 246 174 166	#F6AEA6
33.3%	33.3% #F4A097	RGB 244 160 151	#F4A097
50.0%	50.0% #F29288	RGB 242 146 136	#F29288
66.7%	66.7% #EF857A	RGB 239 133 122	#EF857A
83.3%	83.3% #ED786C	RGB 237 120 108	#ED786C
100.0%	100.0% #EB6B5F	RGB 235 107 95	#EB6B5F

#F9BCB5 #F6AEA6 #F4A097 #F29288 #EF857A #ED786C #EB6B5F

#F9BCB5 - #F29288 - #EB6B5F

Códigos CSS

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

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