#BC6D6D - #FCBD8E | 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 #BC6D6D a #FCBD8E

#BC6D6D #FCBD8E

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

#BC6D6D - #FCBD8E | 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 #BC6D6D como 0% y #FCBD8E como 100%.

0.0%	0.0% #BC6D6D	RGB 188 109 109	#BC6D6D
16.7%	16.7% #C67A72	RGB 198 122 114	#C67A72
33.3%	33.3% #D18778	RGB 209 135 120	#D18778
50.0%	50.0% #DC957D	RGB 220 149 125	#DC957D
66.7%	66.7% #E6A283	RGB 230 162 131	#E6A283
83.3%	83.3% #F1AF88	RGB 241 175 136	#F1AF88
100.0%	100.0% #FCBD8E	RGB 252 189 142	#FCBD8E

#BC6D6D #C67A72 #D18778 #DC957D #E6A283 #F1AF88 #FCBD8E

#BC6D6D - #FCBD8E

Mezcla HSV

#BC6D6D - #FCBD8E | 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 #BC6D6D como 0% y #FCBD8E como 100%.

0.0%	0.0% #BC6D6D	RGB 188 109 109	#BC6D6D
16.7%	16.7% #C67872	RGB 198 120 114	#C67872
33.3%	33.3% #D18478	RGB 209 132 120	#D18478
50.0%	50.0% #DC917D	RGB 220 145 125	#DC917D
66.7%	66.7% #E69F83	RGB 230 159 131	#E69F83
83.3%	83.3% #F1AD88	RGB 241 173 136	#F1AD88
100.0%	100.0% #FCBD8E	RGB 252 189 142	#FCBD8E

#BC6D6D #C67872 #D18478 #DC917D #E69F83 #F1AD88 #FCBD8E

#BC6D6D - #DC917D - #FCBD8E

Códigos CSS

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

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