#C2D8C7 - #699D92 | 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 #C2D8C7 to #699D92

#C2D8C7 #699D92

Calculate the color between two colors, #C2D8C7 and #699D92. 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)

#C2D8C7 - #699D92 | 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 #C2D8C7 as 0% and #699D92 as 100%.

0.0%	0.0% #C2D8C7	RGB 194 216 199	#C2D8C7
16.7%	16.7% #B3CEBE	RGB 179 206 190	#B3CEBE
33.3%	33.3% #A4C4B5	RGB 164 196 181	#A4C4B5
50.0%	50.0% #95BAAC	RGB 149 186 172	#95BAAC
66.7%	66.7% #86B0A3	RGB 134 176 163	#86B0A3
83.3%	83.3% #77A69A	RGB 119 166 154	#77A69A
100.0%	100.0% #699D92	RGB 105 157 146	#699D92

#C2D8C7 #B3CEBE #A4C4B5 #95BAAC #86B0A3 #77A69A #699D92

#C2D8C7 - #699D92

HSV Blend

#C2D8C7 - #699D92 | 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 #C2D8C7 as 0% and #699D92 as 100%.

0.0%	0.0% #C2D8C7	RGB 194 216 199	#C2D8C7
16.7%	16.7% #B1CEBA	RGB 177 206 186	#B1CEBA
33.3%	33.3% #A1C4AF	RGB 161 196 175	#A1C4AF
50.0%	50.0% #92BAA6	RGB 146 186 166	#92BAA6
66.7%	66.7% #83B09E	RGB 131 176 158	#83B09E
83.3%	83.3% #75A697	RGB 117 166 151	#75A697
100.0%	100.0% #699D92	RGB 105 157 146	#699D92

#C2D8C7 #B1CEBA #A1C4AF #92BAA6 #83B09E #75A697 #699D92

#C2D8C7 - #92BAA6 - #699D92

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2D8C7 0%, #92BAA6 50%, #699D92 100%);
    background: -webkit-linear-gradient(top, #C2D8C7 0%, #92BAA6 50%, #699D92 100%);
    background: linear-gradient(to bottom, #C2D8C7 0%, #92BAA6 50%, #699D92 100%);
}
</style>