#C0C7E6 - #6079AF | 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 #C0C7E6 to #6079AF

#C0C7E6 #6079AF

Calculate the color between two colors, #C0C7E6 and #6079AF. 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)

#C0C7E6 - #6079AF | 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 #C0C7E6 as 0% and #6079AF as 100%.

0.0%	0.0% #C0C7E6	RGB 192 199 230	#C0C7E6
16.7%	16.7% #B0BADC	RGB 176 186 220	#B0BADC
33.3%	33.3% #A0ADD3	RGB 160 173 211	#A0ADD3
50.0%	50.0% #90A0CA	RGB 144 160 202	#90A0CA
66.7%	66.7% #8093C1	RGB 128 147 193	#8093C1
83.3%	83.3% #7086B8	RGB 112 134 184	#7086B8
100.0%	100.0% #6079AF	RGB 96 121 175	#6079AF

#C0C7E6 #B0BADC #A0ADD3 #90A0CA #8093C1 #7086B8 #6079AF

#C0C7E6 - #6079AF

HSV Blend

#C0C7E6 - #6079AF | 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 #C0C7E6 as 0% and #6079AF as 100%.

0.0%	0.0% #C0C7E6	RGB 192 199 230	#C0C7E6
16.7%	16.7% #ADB7DC	RGB 173 183 220	#ADB7DC
33.3%	33.3% #9CA9D3	RGB 156 169 211	#9CA9D3
50.0%	50.0% #8C9BCA	RGB 140 155 202	#8C9BCA
66.7%	66.7% #7C8FC1	RGB 124 143 193	#7C8FC1
83.3%	83.3% #6D83B8	RGB 109 131 184	#6D83B8
100.0%	100.0% #6079AF	RGB 96 121 175	#6079AF

#C0C7E6 #ADB7DC #9CA9D3 #8C9BCA #7C8FC1 #6D83B8 #6079AF

#C0C7E6 - #8C9BCA - #6079AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0C7E6 0%, #8C9BCA 50%, #6079AF 100%);
    background: -webkit-linear-gradient(top, #C0C7E6 0%, #8C9BCA 50%, #6079AF 100%);
    background: linear-gradient(to bottom, #C0C7E6 0%, #8C9BCA 50%, #6079AF 100%);
}
</style>