#C0D8C8 - #649F94 | 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 #C0D8C8 to #649F94

#C0D8C8 #649F94

Calculate the color between two colors, #C0D8C8 and #649F94. 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)

#C0D8C8 - #649F94 | 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 #C0D8C8 as 0% and #649F94 as 100%.

0.0%	0.0% #C0D8C8	RGB 192 216 200	#C0D8C8
16.7%	16.7% #B0CEBF	RGB 176 206 191	#B0CEBF
33.3%	33.3% #A1C5B6	RGB 161 197 182	#A1C5B6
50.0%	50.0% #92BBAE	RGB 146 187 174	#92BBAE
66.7%	66.7% #82B2A5	RGB 130 178 165	#82B2A5
83.3%	83.3% #73A89C	RGB 115 168 156	#73A89C
100.0%	100.0% #649F94	RGB 100 159 148	#649F94

#C0D8C8 #B0CEBF #A1C5B6 #92BBAE #82B2A5 #73A89C #649F94

#C0D8C8 - #649F94

HSV Blend

#C0D8C8 - #649F94 | 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 #C0D8C8 as 0% and #649F94 as 100%.

0.0%	0.0% #C0D8C8	RGB 192 216 200	#C0D8C8
16.7%	16.7% #AECEBB	RGB 174 206 187	#AECEBB
33.3%	33.3% #9EC5B1	RGB 158 197 177	#9EC5B1
50.0%	50.0% #8EBBA8	RGB 142 187 168	#8EBBA8
66.7%	66.7% #7FB2A0	RGB 127 178 160	#7FB2A0
83.3%	83.3% #71A899	RGB 113 168 153	#71A899
100.0%	100.0% #649F94	RGB 100 159 148	#649F94

#C0D8C8 #AECEBB #9EC5B1 #8EBBA8 #7FB2A0 #71A899 #649F94

#C0D8C8 - #8EBBA8 - #649F94

CSS codes

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

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