#C7CBE1 - #6F75A8 | 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 #C7CBE1 to #6F75A8

#C7CBE1 #6F75A8

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

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

0.0%	0.0% #C7CBE1	RGB 199 203 225	#C7CBE1
16.7%	16.7% #B8BCD7	RGB 184 188 215	#B8BCD7
33.3%	33.3% #A9AECE	RGB 169 174 206	#A9AECE
50.0%	50.0% #9BA0C4	RGB 155 160 196	#9BA0C4
66.7%	66.7% #8C91BB	RGB 140 145 187	#8C91BB
83.3%	83.3% #7D83B1	RGB 125 131 177	#7D83B1
100.0%	100.0% #6F75A8	RGB 111 117 168	#6F75A8

#C7CBE1 #B8BCD7 #A9AECE #9BA0C4 #8C91BB #7D83B1 #6F75A8

#C7CBE1 - #6F75A8

HSV Blend

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

0.0%	0.0% #C7CBE1	RGB 199 203 225	#C7CBE1
16.7%	16.7% #B6BBD7	RGB 182 187 215	#B6BBD7
33.3%	33.3% #A6ACCE	RGB 166 172 206	#A6ACCE
50.0%	50.0% #979DC4	RGB 151 157 196	#979DC4
66.7%	66.7% #898FBB	RGB 137 143 187	#898FBB
83.3%	83.3% #7B81B1	RGB 123 129 177	#7B81B1
100.0%	100.0% #6F75A8	RGB 111 117 168	#6F75A8

#C7CBE1 #B6BBD7 #A6ACCE #979DC4 #898FBB #7B81B1 #6F75A8

#C7CBE1 - #979DC4 - #6F75A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7CBE1 0%, #979DC4 50%, #6F75A8 100%);
    background: -webkit-linear-gradient(top, #C7CBE1 0%, #979DC4 50%, #6F75A8 100%);
    background: linear-gradient(to bottom, #C7CBE1 0%, #979DC4 50%, #6F75A8 100%);
}
</style>