#C8CCCD - #779DB6 | 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 #C8CCCD to #779DB6

#C8CCCD #779DB6

Calculate the color between two colors, #C8CCCD and #779DB6. 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)

#C8CCCD - #779DB6 | 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 #C8CCCD as 0% and #779DB6 as 100%.

0.0%	0.0% #C8CCCD	RGB 200 204 205	#C8CCCD
16.7%	16.7% #BAC4C9	RGB 186 196 201	#BAC4C9
33.3%	33.3% #ADBCC5	RGB 173 188 197	#ADBCC5
50.0%	50.0% #9FB4C1	RGB 159 180 193	#9FB4C1
66.7%	66.7% #92ACBD	RGB 146 172 189	#92ACBD
83.3%	83.3% #84A4B9	RGB 132 164 185	#84A4B9
100.0%	100.0% #779DB6	RGB 119 157 182	#779DB6

#C8CCCD #BAC4C9 #ADBCC5 #9FB4C1 #92ACBD #84A4B9 #779DB6

#C8CCCD - #779DB6

HSV Blend

#C8CCCD - #779DB6 | 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 #C8CCCD as 0% and #779DB6 as 100%.

0.0%	0.0% #C8CCCD	RGB 200 204 205	#C8CCCD
16.7%	16.7% #B9C5C9	RGB 185 197 201	#B9C5C9
33.3%	33.3% #ABBEC5	RGB 171 190 197	#ABBEC5
50.0%	50.0% #9DB6C1	RGB 157 182 193	#9DB6C1
66.7%	66.7% #90AEBD	RGB 144 174 189	#90AEBD
83.3%	83.3% #83A6B9	RGB 131 166 185	#83A6B9
100.0%	100.0% #779DB6	RGB 119 157 182	#779DB6

#C8CCCD #B9C5C9 #ABBEC5 #9DB6C1 #90AEBD #83A6B9 #779DB6

#C8CCCD - #9DB6C1 - #779DB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8CCCD 0%, #9DB6C1 50%, #779DB6 100%);
    background: -webkit-linear-gradient(top, #C8CCCD 0%, #9DB6C1 50%, #779DB6 100%);
    background: linear-gradient(to bottom, #C8CCCD 0%, #9DB6C1 50%, #779DB6 100%);
}
</style>