#C7CCF1 - #6B74C0 | 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 #C7CCF1 to #6B74C0

#C7CCF1 #6B74C0

Calculate the color between two colors, #C7CCF1 and #6B74C0. 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)

#C7CCF1 - #6B74C0 | 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 #C7CCF1 as 0% and #6B74C0 as 100%.

0.0%	0.0% #C7CCF1	RGB 199 204 241	#C7CCF1
16.7%	16.7% #B7BDE8	RGB 183 189 232	#B7BDE8
33.3%	33.3% #A8AEE0	RGB 168 174 224	#A8AEE0
50.0%	50.0% #99A0D8	RGB 153 160 216	#99A0D8
66.7%	66.7% #8991D0	RGB 137 145 208	#8991D0
83.3%	83.3% #7A82C8	RGB 122 130 200	#7A82C8
100.0%	100.0% #6B74C0	RGB 107 116 192	#6B74C0

#C7CCF1 #B7BDE8 #A8AEE0 #99A0D8 #8991D0 #7A82C8 #6B74C0

#C7CCF1 - #6B74C0

HSV Blend

#C7CCF1 - #6B74C0 | 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 #C7CCF1 as 0% and #6B74C0 as 100%.

0.0%	0.0% #C7CCF1	RGB 199 204 241	#C7CCF1
16.7%	16.7% #B5BBE8	RGB 181 187 232	#B5BBE8
33.3%	33.3% #A5ACE0	RGB 165 172 224	#A5ACE0
50.0%	50.0% #959DD8	RGB 149 157 216	#959DD8
66.7%	66.7% #868ED0	RGB 134 142 208	#868ED0
83.3%	83.3% #7881C8	RGB 120 129 200	#7881C8
100.0%	100.0% #6B74C0	RGB 107 116 192	#6B74C0

#C7CCF1 #B5BBE8 #A5ACE0 #959DD8 #868ED0 #7881C8 #6B74C0

#C7CCF1 - #959DD8 - #6B74C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7CCF1 0%, #959DD8 50%, #6B74C0 100%);
    background: -webkit-linear-gradient(top, #C7CCF1 0%, #959DD8 50%, #6B74C0 100%);
    background: linear-gradient(to bottom, #C7CCF1 0%, #959DD8 50%, #6B74C0 100%);
}
</style>