#556541 - #CED3C8 | 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 #556541 a #CED3C8

#556541 #CED3C8

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

#556541 - #CED3C8 | 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 #556541 como 0% y #CED3C8 como 100%.

0.0%	0.0% #556541	RGB 85 101 65	#556541
16.7%	16.7% #697757	RGB 105 119 87	#697757
33.3%	33.3% #7D896E	RGB 125 137 110	#7D896E
50.0%	50.0% #919C84	RGB 145 156 132	#919C84
66.7%	66.7% #A5AE9B	RGB 165 174 155	#A5AE9B
83.3%	83.3% #B9C0B1	RGB 185 192 177	#B9C0B1
100.0%	100.0% #CED3C8	RGB 206 211 200	#CED3C8

#556541 #697757 #7D896E #919C84 #A5AE9B #B9C0B1 #CED3C8

#556541 - #CED3C8

Mezcla HSV

#556541 - #CED3C8 | 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 #556541 como 0% y #CED3C8 como 100%.

0.0%	0.0% #556541	RGB 85 101 65	#556541
16.7%	16.7% #677752	RGB 103 119 82	#677752
33.3%	33.3% #798966	RGB 121 137 102	#798966
50.0%	50.0% #8D9C7C	RGB 141 156 124	#8D9C7C
66.7%	66.7% #A2AE93	RGB 162 174 147	#A2AE93
83.3%	83.3% #B7C0AC	RGB 183 192 172	#B7C0AC
100.0%	100.0% #CED3C8	RGB 206 211 200	#CED3C8

#556541 #677752 #798966 #8D9C7C #A2AE93 #B7C0AC #CED3C8

#556541 - #8D9C7C - #CED3C8

Códigos CSS

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

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