#565546 - #CD9D67 | 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 #565546 a #CD9D67

#565546 #CD9D67

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

#565546 - #CD9D67 | 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 #565546 como 0% y #CD9D67 como 100%.

0.0%	0.0% #565546	RGB 86 85 70	#565546
16.7%	16.7% #69614B	RGB 105 97 75	#69614B
33.3%	33.3% #7D6D51	RGB 125 109 81	#7D6D51
50.0%	50.0% #917956	RGB 145 121 86	#917956
66.7%	66.7% #A5855C	RGB 165 133 92	#A5855C
83.3%	83.3% #B99161	RGB 185 145 97	#B99161
100.0%	100.0% #CD9D67	RGB 205 157 103	#CD9D67

#565546 #69614B #7D6D51 #917956 #A5855C #B99161 #CD9D67

#565546 - #CD9D67

Mezcla HSV

#565546 - #CD9D67 | 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 #565546 como 0% y #CD9D67 como 100%.

0.0%	0.0% #565546	RGB 86 85 70	#565546
16.7%	16.7% #696650	RGB 105 102 80	#696650
33.3%	33.3% #7D7659	RGB 125 118 89	#7D7659
50.0%	50.0% #91845F	RGB 145 132 95	#91845F
66.7%	66.7% #A58F64	RGB 165 143 100	#A58F64
83.3%	83.3% #B99766	RGB 185 151 102	#B99766
100.0%	100.0% #CD9D67	RGB 205 157 103	#CD9D67

#565546 #696650 #7D7659 #91845F #A58F64 #B99766 #CD9D67

#565546 - #91845F - #CD9D67

Códigos CSS

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

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