#C9CBEB - #677EB6 | 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 #C9CBEB to #677EB6

#C9CBEB #677EB6

Calculate the color between two colors, #C9CBEB and #677EB6. 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)

#C9CBEB - #677EB6 | 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 #C9CBEB as 0% and #677EB6 as 100%.

0.0%	0.0% #C9CBEB	RGB 201 203 235	#C9CBEB
16.7%	16.7% #B8BEE2	RGB 184 190 226	#B8BEE2
33.3%	33.3% #A8B1D9	RGB 168 177 217	#A8B1D9
50.0%	50.0% #98A4D0	RGB 152 164 208	#98A4D0
66.7%	66.7% #8797C7	RGB 135 151 199	#8797C7
83.3%	83.3% #778ABE	RGB 119 138 190	#778ABE
100.0%	100.0% #677EB6	RGB 103 126 182	#677EB6

#C9CBEB #B8BEE2 #A8B1D9 #98A4D0 #8797C7 #778ABE #677EB6

#C9CBEB - #677EB6

HSV Blend

#C9CBEB - #677EB6 | 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 #C9CBEB as 0% and #677EB6 as 100%.

0.0%	0.0% #C9CBEB	RGB 201 203 235	#C9CBEB
16.7%	16.7% #B6BAE2	RGB 182 186 226	#B6BAE2
33.3%	33.3% #A4ACD9	RGB 164 172 217	#A4ACD9
50.0%	50.0% #949ED0	RGB 148 158 208	#949ED0
66.7%	66.7% #8492C7	RGB 132 146 199	#8492C7
83.3%	83.3% #7587BE	RGB 117 135 190	#7587BE
100.0%	100.0% #677EB6	RGB 103 126 182	#677EB6

#C9CBEB #B6BAE2 #A4ACD9 #949ED0 #8492C7 #7587BE #677EB6

#C9CBEB - #949ED0 - #677EB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9CBEB 0%, #949ED0 50%, #677EB6 100%);
    background: -webkit-linear-gradient(top, #C9CBEB 0%, #949ED0 50%, #677EB6 100%);
    background: linear-gradient(to bottom, #C9CBEB 0%, #949ED0 50%, #677EB6 100%);
}
</style>