#528064 - #CDDAD2 | 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 #528064 to #CDDAD2

#528064 #CDDAD2

Calculate the color between two colors, #528064 and #CDDAD2. 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)

#528064 - #CDDAD2 | 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 #528064 as 0% and #CDDAD2 as 100%.

0.0%	0.0% #528064	RGB 82 128 100	#528064
16.7%	16.7% #668F76	RGB 102 143 118	#668F76
33.3%	33.3% #7B9E88	RGB 123 158 136	#7B9E88
50.0%	50.0% #8FAD9B	RGB 143 173 155	#8FAD9B
66.7%	66.7% #A4BCAD	RGB 164 188 173	#A4BCAD
83.3%	83.3% #B8CBBF	RGB 184 203 191	#B8CBBF
100.0%	100.0% #CDDAD2	RGB 205 218 210	#CDDAD2

#528064 #668F76 #7B9E88 #8FAD9B #A4BCAD #B8CBBF #CDDAD2

#528064 - #CDDAD2

HSV Blend

#528064 - #CDDAD2 | 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 #528064 as 0% and #CDDAD2 as 100%.

0.0%	0.0% #528064	RGB 82 128 100	#528064
16.7%	16.7% #628F74	RGB 98 143 116	#628F74
33.3%	33.3% #759E84	RGB 117 158 132	#759E84
50.0%	50.0% #88AD96	RGB 136 173 150	#88AD96
66.7%	66.7% #9EBCA9	RGB 158 188 169	#9EBCA9
83.3%	83.3% #B4CBBD	RGB 180 203 189	#B4CBBD
100.0%	100.0% #CDDAD2	RGB 205 218 210	#CDDAD2

#528064 #628F74 #759E84 #88AD96 #9EBCA9 #B4CBBD #CDDAD2

#528064 - #88AD96 - #CDDAD2

CSS codes

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

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