#526731 - #CDD3C4 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #526731 to #CDD3C4

#526731 #CDD3C4

Calculate the color between two colors, #526731 and #CDD3C4. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#526731 - #CDD3C4 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #526731 as 0% and #CDD3C4 as 100%.

0.0%	0.0% #526731	RGB 82 103 49	#526731
16.7%	16.7% #667949	RGB 102 121 73	#667949
33.3%	33.3% #7B8B62	RGB 123 139 98	#7B8B62
50.0%	50.0% #8F9D7A	RGB 143 157 122	#8F9D7A
66.7%	66.7% #A4AF93	RGB 164 175 147	#A4AF93
83.3%	83.3% #B8C1AB	RGB 184 193 171	#B8C1AB
100.0%	100.0% #CDD3C4	RGB 205 211 196	#CDD3C4

#526731 #667949 #7B8B62 #8F9D7A #A4AF93 #B8C1AB #CDD3C4

#526731 - #CDD3C4

HSV Blend

#526731 - #CDD3C4 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #526731 as 0% and #CDD3C4 as 100%.

0.0%	0.0% #526731	RGB 82 103 49	#526731
16.7%	16.7% #637942	RGB 99 121 66	#637942
33.3%	33.3% #768B57	RGB 118 139 87	#768B57
50.0%	50.0% #8A9D6E	RGB 138 157 110	#8A9D6E
66.7%	66.7% #9FAF88	RGB 159 175 136	#9FAF88
83.3%	83.3% #B5C1A4	RGB 181 193 164	#B5C1A4
100.0%	100.0% #CDD3C4	RGB 205 211 196	#CDD3C4

#526731 #637942 #768B57 #8A9D6E #9FAF88 #B5C1A4 #CDD3C4

#526731 - #8A9D6E - #CDD3C4

CSS codes

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

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