#BC5E76 - #FEB08C | 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 #BC5E76 a #FEB08C

#BC5E76 #FEB08C

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

#BC5E76 - #FEB08C | 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 #BC5E76 como 0% y #FEB08C como 100%.

0.0%	0.0% #BC5E76	RGB 188 94 118	#BC5E76
16.7%	16.7% #C76B79	RGB 199 107 121	#C76B79
33.3%	33.3% #D2797D	RGB 210 121 125	#D2797D
50.0%	50.0% #DD8781	RGB 221 135 129	#DD8781
66.7%	66.7% #E89484	RGB 232 148 132	#E89484
83.3%	83.3% #F3A288	RGB 243 162 136	#F3A288
100.0%	100.0% #FEB08C	RGB 254 176 140	#FEB08C

#BC5E76 #C76B79 #D2797D #DD8781 #E89484 #F3A288 #FEB08C

#BC5E76 - #FEB08C

Mezcla HSV

#BC5E76 - #FEB08C | 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 #BC5E76 como 0% y #FEB08C como 100%.

0.0%	0.0% #BC5E76	RGB 188 94 118	#BC5E76
16.7%	16.7% #C76574	RGB 199 101 116	#C76574
33.3%	33.3% #D26C73	RGB 210 108 115	#D26C73
50.0%	50.0% #DD7774	RGB 221 119 116	#DD7774
66.7%	66.7% #E8897B	RGB 232 137 123	#E8897B
83.3%	83.3% #F39C83	RGB 243 156 131	#F39C83
100.0%	100.0% #FEB08C	RGB 254 176 140	#FEB08C

#BC5E76 #C76574 #D26C73 #DD7774 #E8897B #F39C83 #FEB08C

#BC5E76 - #DD7774 - #FEB08C

Códigos CSS

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

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