#52846B - #CDDBD3 | 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 #52846B to #CDDBD3

#52846B #CDDBD3

Calculate the color between two colors, #52846B and #CDDBD3. 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)

#52846B - #CDDBD3 | 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 #52846B as 0% and #CDDBD3 as 100%.

0.0%	0.0% #52846B	RGB 82 132 107	#52846B
16.7%	16.7% #66927C	RGB 102 146 124	#66927C
33.3%	33.3% #7BA18D	RGB 123 161 141	#7BA18D
50.0%	50.0% #8FAF9F	RGB 143 175 159	#8FAF9F
66.7%	66.7% #A4BEB0	RGB 164 190 176	#A4BEB0
83.3%	83.3% #B8CCC1	RGB 184 204 193	#B8CCC1
100.0%	100.0% #CDDBD3	RGB 205 219 211	#CDDBD3

#52846B #66927C #7BA18D #8FAF9F #A4BEB0 #B8CCC1 #CDDBD3

#52846B - #CDDBD3

HSV Blend

#52846B - #CDDBD3 | 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 #52846B as 0% and #CDDBD3 as 100%.

0.0%	0.0% #52846B	RGB 82 132 107	#52846B
16.7%	16.7% #62927A	RGB 98 146 122	#62927A
33.3%	33.3% #74A189	RGB 116 161 137	#74A189
50.0%	50.0% #88AF9A	RGB 136 175 154	#88AF9A
66.7%	66.7% #9DBEAC	RGB 157 190 172	#9DBEAC
83.3%	83.3% #B4CCBF	RGB 180 204 191	#B4CCBF
100.0%	100.0% #CDDBD3	RGB 205 219 211	#CDDBD3

#52846B #62927A #74A189 #88AF9A #9DBEAC #B4CCBF #CDDBD3

#52846B - #88AF9A - #CDDBD3

CSS codes

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

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