#C8C9DF - #7682B9 | 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 #C8C9DF to #7682B9

#C8C9DF #7682B9

Calculate the color between two colors, #C8C9DF and #7682B9. 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)

#C8C9DF - #7682B9 | 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 #C8C9DF as 0% and #7682B9 as 100%.

0.0%	0.0% #C8C9DF	RGB 200 201 223	#C8C9DF
16.7%	16.7% #BABDD8	RGB 186 189 216	#BABDD8
33.3%	33.3% #ACB1D2	RGB 172 177 210	#ACB1D2
50.0%	50.0% #9FA5CC	RGB 159 165 204	#9FA5CC
66.7%	66.7% #9199C5	RGB 145 153 197	#9199C5
83.3%	83.3% #838DBF	RGB 131 141 191	#838DBF
100.0%	100.0% #7682B9	RGB 118 130 185	#7682B9

#C8C9DF #BABDD8 #ACB1D2 #9FA5CC #9199C5 #838DBF #7682B9

#C8C9DF - #7682B9

HSV Blend

#C8C9DF - #7682B9 | 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 #C8C9DF as 0% and #7682B9 as 100%.

0.0%	0.0% #C8C9DF	RGB 200 201 223	#C8C9DF
16.7%	16.7% #B8BBD8	RGB 184 187 216	#B8BBD8
33.3%	33.3% #AAAED2	RGB 170 174 210	#AAAED2
50.0%	50.0% #9CA1CC	RGB 156 161 204	#9CA1CC
66.7%	66.7% #8F96C5	RGB 143 150 197	#8F96C5
83.3%	83.3% #828BBF	RGB 130 139 191	#828BBF
100.0%	100.0% #7682B9	RGB 118 130 185	#7682B9

#C8C9DF #B8BBD8 #AAAED2 #9CA1CC #8F96C5 #828BBF #7682B9

#C8C9DF - #9CA1CC - #7682B9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C9DF 0%, #9CA1CC 50%, #7682B9 100%);
    background: -webkit-linear-gradient(top, #C8C9DF 0%, #9CA1CC 50%, #7682B9 100%);
    background: linear-gradient(to bottom, #C8C9DF 0%, #9CA1CC 50%, #7682B9 100%);
}
</style>