#C2D0C8 - #649493 | 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 #C2D0C8 to #649493

#C2D0C8 #649493

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

#C2D0C8 - #649493 | 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 #C2D0C8 as 0% and #649493 as 100%.

0.0%	0.0% #C2D0C8	RGB 194 208 200	#C2D0C8
16.7%	16.7% #B2C6BF	RGB 178 198 191	#B2C6BF
33.3%	33.3% #A2BCB6	RGB 162 188 182	#A2BCB6
50.0%	50.0% #93B2AD	RGB 147 178 173	#93B2AD
66.7%	66.7% #83A8A4	RGB 131 168 164	#83A8A4
83.3%	83.3% #739E9B	RGB 115 158 155	#739E9B
100.0%	100.0% #649493	RGB 100 148 147	#649493

#C2D0C8 #B2C6BF #A2BCB6 #93B2AD #83A8A4 #739E9B #649493

#C2D0C8 - #649493

HSV Blend

#C2D0C8 - #649493 | 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 #C2D0C8 as 0% and #649493 as 100%.

0.0%	0.0% #C2D0C8	RGB 194 208 200	#C2D0C8
16.7%	16.7% #B0C6BB	RGB 176 198 187	#B0C6BB
33.3%	33.3% #9FBCB0	RGB 159 188 176	#9FBCB0
50.0%	50.0% #8FB2A7	RGB 143 178 167	#8FB2A7
66.7%	66.7% #7FA89F	RGB 127 168 159	#7FA89F
83.3%	83.3% #719E98	RGB 113 158 152	#719E98
100.0%	100.0% #649493	RGB 100 148 147	#649493

#C2D0C8 #B0C6BB #9FBCB0 #8FB2A7 #7FA89F #719E98 #649493

#C2D0C8 - #8FB2A7 - #649493

CSS codes

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

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