#6B5E11 - #D4D0BB | 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 #6B5E11 a #D4D0BB

#6B5E11 #D4D0BB

Calcule el color entre dos colores, #6B5E11 y #D4D0BB. 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)

#6B5E11 - #D4D0BB | 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 #6B5E11 como 0% y #D4D0BB como 100%.

0.0%	0.0% #6B5E11	RGB 107 94 17	#6B5E11
16.7%	16.7% #7C712D	RGB 124 113 45	#7C712D
33.3%	33.3% #8E8449	RGB 142 132 73	#8E8449
50.0%	50.0% #9F9766	RGB 159 151 102	#9F9766
66.7%	66.7% #B1AA82	RGB 177 170 130	#B1AA82
83.3%	83.3% #C2BD9E	RGB 194 189 158	#C2BD9E
100.0%	100.0% #D4D0BB	RGB 212 208 187	#D4D0BB

#6B5E11 #7C712D #8E8449 #9F9766 #B1AA82 #C2BD9E #D4D0BB

#6B5E11 - #D4D0BB

Mezcla HSV

#6B5E11 - #D4D0BB | 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 #6B5E11 como 0% y #D4D0BB como 100%.

0.0%	0.0% #6B5E11	RGB 107 94 17	#6B5E11
16.7%	16.7% #7C6F22	RGB 124 111 34	#7C6F22
33.3%	33.3% #8E8138	RGB 142 129 56	#8E8138
50.0%	50.0% #9F9353	RGB 159 147 83	#9F9353
66.7%	66.7% #B1A771	RGB 177 167 113	#B1A771
83.3%	83.3% #C2BB94	RGB 194 187 148	#C2BB94
100.0%	100.0% #D4D0BB	RGB 212 208 187	#D4D0BB

#6B5E11 #7C6F22 #8E8138 #9F9353 #B1A771 #C2BB94 #D4D0BB

#6B5E11 - #9F9353 - #D4D0BB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5E11 0%, #9F9353 50%, #D4D0BB 100%);
    background: -webkit-linear-gradient(top, #6B5E11 0%, #9F9353 50%, #D4D0BB 100%);
    background: linear-gradient(to bottom, #6B5E11 0%, #9F9353 50%, #D4D0BB 100%);
}
</style>