#C0C7E5 - #6771AE | 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 #C0C7E5 to #6771AE

#C0C7E5 #6771AE

Calculate the color between two colors, #C0C7E5 and #6771AE. 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)

#C0C7E5 - #6771AE | 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 #C0C7E5 as 0% and #6771AE as 100%.

0.0%	0.0% #C0C7E5	RGB 192 199 229	#C0C7E5
16.7%	16.7% #B1B8DB	RGB 177 184 219	#B1B8DB
33.3%	33.3% #A2AAD2	RGB 162 170 210	#A2AAD2
50.0%	50.0% #939CC9	RGB 147 156 201	#939CC9
66.7%	66.7% #848DC0	RGB 132 141 192	#848DC0
83.3%	83.3% #757FB7	RGB 117 127 183	#757FB7
100.0%	100.0% #6771AE	RGB 103 113 174	#6771AE

#C0C7E5 #B1B8DB #A2AAD2 #939CC9 #848DC0 #757FB7 #6771AE

#C0C7E5 - #6771AE

HSV Blend

#C0C7E5 - #6771AE | 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 #C0C7E5 as 0% and #6771AE as 100%.

0.0%	0.0% #C0C7E5	RGB 192 199 229	#C0C7E5
16.7%	16.7% #AFB7DB	RGB 175 183 219	#AFB7DB
33.3%	33.3% #9FA8D2	RGB 159 168 210	#9FA8D2
50.0%	50.0% #9099C9	RGB 144 153 201	#9099C9
66.7%	66.7% #818BC0	RGB 129 139 192	#818BC0
83.3%	83.3% #737DB7	RGB 115 125 183	#737DB7
100.0%	100.0% #6771AE	RGB 103 113 174	#6771AE

#C0C7E5 #AFB7DB #9FA8D2 #9099C9 #818BC0 #737DB7 #6771AE

#C0C7E5 - #9099C9 - #6771AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0C7E5 0%, #9099C9 50%, #6771AE 100%);
    background: -webkit-linear-gradient(top, #C0C7E5 0%, #9099C9 50%, #6771AE 100%);
    background: linear-gradient(to bottom, #C0C7E5 0%, #9099C9 50%, #6771AE 100%);
}
</style>