#C2DCCC - #659B82 | 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 #C2DCCC to #659B82

#C2DCCC #659B82

Calculate the color between two colors, #C2DCCC and #659B82. 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)

#C2DCCC - #659B82 | 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 #C2DCCC as 0% and #659B82 as 100%.

0.0%	0.0% #C2DCCC	RGB 194 220 204	#C2DCCC
16.7%	16.7% #B2D1BF	RGB 178 209 191	#B2D1BF
33.3%	33.3% #A3C6B3	RGB 163 198 179	#A3C6B3
50.0%	50.0% #93BBA7	RGB 147 187 167	#93BBA7
66.7%	66.7% #84B09A	RGB 132 176 154	#84B09A
83.3%	83.3% #74A58E	RGB 116 165 142	#74A58E
100.0%	100.0% #659B82	RGB 101 155 130	#659B82

#C2DCCC #B2D1BF #A3C6B3 #93BBA7 #84B09A #74A58E #659B82

#C2DCCC - #659B82

HSV Blend

#C2DCCC - #659B82 | 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 #C2DCCC as 0% and #659B82 as 100%.

0.0%	0.0% #C2DCCC	RGB 194 220 204	#C2DCCC
16.7%	16.7% #B0D1BD	RGB 176 209 189	#B0D1BD
33.3%	33.3% #9FC6B0	RGB 159 198 176	#9FC6B0
50.0%	50.0% #8FBBA3	RGB 143 187 163	#8FBBA3
66.7%	66.7% #80B098	RGB 128 176 152	#80B098
83.3%	83.3% #72A58C	RGB 114 165 140	#72A58C
100.0%	100.0% #659B82	RGB 101 155 130	#659B82

#C2DCCC #B0D1BD #9FC6B0 #8FBBA3 #80B098 #72A58C #659B82

#C2DCCC - #8FBBA3 - #659B82

CSS codes

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

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