#BC7F7F - #FDCCA2 | 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 #BC7F7F a #FDCCA2

#BC7F7F #FDCCA2

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

#BC7F7F - #FDCCA2 | 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 #BC7F7F como 0% y #FDCCA2 como 100%.

0.0%	0.0% #BC7F7F	RGB 188 127 127	#BC7F7F
16.7%	16.7% #C68B84	RGB 198 139 132	#C68B84
33.3%	33.3% #D1988A	RGB 209 152 138	#D1988A
50.0%	50.0% #DCA590	RGB 220 165 144	#DCA590
66.7%	66.7% #E7B296	RGB 231 178 150	#E7B296
83.3%	83.3% #F2BF9C	RGB 242 191 156	#F2BF9C
100.0%	100.0% #FDCCA2	RGB 253 204 162	#FDCCA2

#BC7F7F #C68B84 #D1988A #DCA590 #E7B296 #F2BF9C #FDCCA2

#BC7F7F - #FDCCA2

Mezcla HSV

#BC7F7F - #FDCCA2 | 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 #BC7F7F como 0% y #FDCCA2 como 100%.

0.0%	0.0% #BC7F7F	RGB 188 127 127	#BC7F7F
16.7%	16.7% #C68A85	RGB 198 138 133	#C68A85
33.3%	33.3% #D1968B	RGB 209 150 139	#D1968B
50.0%	50.0% #DCA291	RGB 220 162 145	#DCA291
66.7%	66.7% #E7AF96	RGB 231 175 150	#E7AF96
83.3%	83.3% #F2BD9C	RGB 242 189 156	#F2BD9C
100.0%	100.0% #FDCCA2	RGB 253 204 162	#FDCCA2

#BC7F7F #C68A85 #D1968B #DCA291 #E7AF96 #F2BD9C #FDCCA2

#BC7F7F - #DCA291 - #FDCCA2

Códigos CSS

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

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