#B79A8C - #FFDAAA | 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 #B79A8C a #FFDAAA

#B79A8C #FFDAAA

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

#B79A8C - #FFDAAA | 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 #B79A8C como 0% y #FFDAAA como 100%.

0.0%	0.0% #B79A8C	RGB 183 154 140	#B79A8C
16.7%	16.7% #C3A491	RGB 195 164 145	#C3A491
33.3%	33.3% #CFAF96	RGB 207 175 150	#CFAF96
50.0%	50.0% #DBBA9B	RGB 219 186 155	#DBBA9B
66.7%	66.7% #E7C4A0	RGB 231 196 160	#E7C4A0
83.3%	83.3% #F3CFA5	RGB 243 207 165	#F3CFA5
100.0%	100.0% #FFDAAA	RGB 255 218 170	#FFDAAA

#B79A8C #C3A491 #CFAF96 #DBBA9B #E7C4A0 #F3CFA5 #FFDAAA

#B79A8C - #FFDAAA

Mezcla HSV

#B79A8C - #FFDAAA | 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 #B79A8C como 0% y #FFDAAA como 100%.

0.0%	0.0% #B79A8C	RGB 183 154 140	#B79A8C
16.7%	16.7% #C3A391	RGB 195 163 145	#C3A391
33.3%	33.3% #CFAE97	RGB 207 174 151	#CFAE97
50.0%	50.0% #DBB89C	RGB 219 184 156	#DBB89C
66.7%	66.7% #E7C3A1	RGB 231 195 161	#E7C3A1
83.3%	83.3% #F3CEA5	RGB 243 206 165	#F3CEA5
100.0%	100.0% #FFDAAA	RGB 255 218 170	#FFDAAA

#B79A8C #C3A391 #CFAE97 #DBB89C #E7C3A1 #F3CEA5 #FFDAAA

#B79A8C - #DBB89C - #FFDAAA

Códigos CSS

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

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