#C5D6D9 - #76889E | 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 #C5D6D9 to #76889E

#C5D6D9 #76889E

Calculate the color between two colors, #C5D6D9 and #76889E. 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)

#C5D6D9 - #76889E | 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 #C5D6D9 as 0% and #76889E as 100%.

0.0%	0.0% #C5D6D9	RGB 197 214 217	#C5D6D9
16.7%	16.7% #B7C9CF	RGB 183 201 207	#B7C9CF
33.3%	33.3% #AABCC5	RGB 170 188 197	#AABCC5
50.0%	50.0% #9DAFBB	RGB 157 175 187	#9DAFBB
66.7%	66.7% #90A2B1	RGB 144 162 177	#90A2B1
83.3%	83.3% #8395A7	RGB 131 149 167	#8395A7
100.0%	100.0% #76889E	RGB 118 136 158	#76889E

#C5D6D9 #B7C9CF #AABCC5 #9DAFBB #90A2B1 #8395A7 #76889E

#C5D6D9 - #76889E

HSV Blend

#C5D6D9 - #76889E | 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 #C5D6D9 as 0% and #76889E as 100%.

0.0%	0.0% #C5D6D9	RGB 197 214 217	#C5D6D9
16.7%	16.7% #B6C9CF	RGB 182 201 207	#B6C9CF
33.3%	33.3% #A8BDC5	RGB 168 189 197	#A8BDC5
50.0%	50.0% #9BB0BB	RGB 155 176 187	#9BB0BB
66.7%	66.7% #8EA2B1	RGB 142 162 177	#8EA2B1
83.3%	83.3% #8195A7	RGB 129 149 167	#8195A7
100.0%	100.0% #76889E	RGB 118 136 158	#76889E

#C5D6D9 #B6C9CF #A8BDC5 #9BB0BB #8EA2B1 #8195A7 #76889E

#C5D6D9 - #9BB0BB - #76889E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5D6D9 0%, #9BB0BB 50%, #76889E 100%);
    background: -webkit-linear-gradient(top, #C5D6D9 0%, #9BB0BB 50%, #76889E 100%);
    background: linear-gradient(to bottom, #C5D6D9 0%, #9BB0BB 50%, #76889E 100%);
}
</style>