#529C92 - #CDE2DF | 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 #529C92 to #CDE2DF

#529C92 #CDE2DF

Calculate the color between two colors, #529C92 and #CDE2DF. 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)

#529C92 - #CDE2DF | 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 #529C92 as 0% and #CDE2DF as 100%.

0.0%	0.0% #529C92	RGB 82 156 146	#529C92
16.7%	16.7% #66A79E	RGB 102 167 158	#66A79E
33.3%	33.3% #7BB3AB	RGB 123 179 171	#7BB3AB
50.0%	50.0% #8FBFB8	RGB 143 191 184	#8FBFB8
66.7%	66.7% #A4CAC5	RGB 164 202 197	#A4CAC5
83.3%	83.3% #B8D6D2	RGB 184 214 210	#B8D6D2
100.0%	100.0% #CDE2DF	RGB 205 226 223	#CDE2DF

#529C92 #66A79E #7BB3AB #8FBFB8 #A4CAC5 #B8D6D2 #CDE2DF

#529C92 - #CDE2DF

HSV Blend

#529C92 - #CDE2DF | 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 #529C92 as 0% and #CDE2DF as 100%.

0.0%	0.0% #529C92	RGB 82 156 146	#529C92
16.7%	16.7% #62A79E	RGB 98 167 158	#62A79E
33.3%	33.3% #75B3AA	RGB 117 179 170	#75B3AA
50.0%	50.0% #88BFB7	RGB 136 191 183	#88BFB7
66.7%	66.7% #9ECAC4	RGB 158 202 196	#9ECAC4
83.3%	83.3% #B4D6D1	RGB 180 214 209	#B4D6D1
100.0%	100.0% #CDE2DF	RGB 205 226 223	#CDE2DF

#529C92 #62A79E #75B3AA #88BFB7 #9ECAC4 #B4D6D1 #CDE2DF

#529C92 - #88BFB7 - #CDE2DF

CSS codes

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

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