#C9CFF6 - #6781C7 | 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 #C9CFF6 to #6781C7

#C9CFF6 #6781C7

Calculate the color between two colors, #C9CFF6 and #6781C7. 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)

#C9CFF6 - #6781C7 | 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 #C9CFF6 as 0% and #6781C7 as 100%.

0.0%	0.0% #C9CFF6	RGB 201 207 246	#C9CFF6
16.7%	16.7% #B8C2EE	RGB 184 194 238	#B8C2EE
33.3%	33.3% #A8B5E6	RGB 168 181 230	#A8B5E6
50.0%	50.0% #98A8DE	RGB 152 168 222	#98A8DE
66.7%	66.7% #879BD6	RGB 135 155 214	#879BD6
83.3%	83.3% #778ECE	RGB 119 142 206	#778ECE
100.0%	100.0% #6781C7	RGB 103 129 199	#6781C7

#C9CFF6 #B8C2EE #A8B5E6 #98A8DE #879BD6 #778ECE #6781C7

#C9CFF6 - #6781C7

HSV Blend

#C9CFF6 - #6781C7 | 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 #C9CFF6 as 0% and #6781C7 as 100%.

0.0%	0.0% #C9CFF6	RGB 201 207 246	#C9CFF6
16.7%	16.7% #B6BFEE	RGB 182 191 238	#B6BFEE
33.3%	33.3% #A5B0E6	RGB 165 176 230	#A5B0E6
50.0%	50.0% #94A3DE	RGB 148 163 222	#94A3DE
66.7%	66.7% #8497D6	RGB 132 151 214	#8497D6
83.3%	83.3% #758BCE	RGB 117 139 206	#758BCE
100.0%	100.0% #6781C7	RGB 103 129 199	#6781C7

#C9CFF6 #B6BFEE #A5B0E6 #94A3DE #8497D6 #758BCE #6781C7

#C9CFF6 - #94A3DE - #6781C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9CFF6 0%, #94A3DE 50%, #6781C7 100%);
    background: -webkit-linear-gradient(top, #C9CFF6 0%, #94A3DE 50%, #6781C7 100%);
    background: linear-gradient(to bottom, #C9CFF6 0%, #94A3DE 50%, #6781C7 100%);
}
</style>