#CED9F7 - #6F8EC8 | 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 #CED9F7 to #6F8EC8

#CED9F7 #6F8EC8

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

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

0.0%	0.0% #CED9F7	RGB 206 217 247	#CED9F7
16.7%	16.7% #BECCEF	RGB 190 204 239	#BECCEF
33.3%	33.3% #AEC0E7	RGB 174 192 231	#AEC0E7
50.0%	50.0% #9EB3DF	RGB 158 179 223	#9EB3DF
66.7%	66.7% #8EA7D7	RGB 142 167 215	#8EA7D7
83.3%	83.3% #7E9ACF	RGB 126 154 207	#7E9ACF
100.0%	100.0% #6F8EC8	RGB 111 142 200	#6F8EC8

#CED9F7 #BECCEF #AEC0E7 #9EB3DF #8EA7D7 #7E9ACF #6F8EC8

#CED9F7 - #6F8EC8

HSV Blend

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

0.0%	0.0% #CED9F7	RGB 206 217 247	#CED9F7
16.7%	16.7% #BCCAEF	RGB 188 202 239	#BCCAEF
33.3%	33.3% #ABBDE7	RGB 171 189 231	#ABBDE7
50.0%	50.0% #9BB0DF	RGB 155 176 223	#9BB0DF
66.7%	66.7% #8BA4D7	RGB 139 164 215	#8BA4D7
83.3%	83.3% #7D98CF	RGB 125 152 207	#7D98CF
100.0%	100.0% #6F8EC8	RGB 111 142 200	#6F8EC8

#CED9F7 #BCCAEF #ABBDE7 #9BB0DF #8BA4D7 #7D98CF #6F8EC8

#CED9F7 - #9BB0DF - #6F8EC8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CED9F7 0%, #9BB0DF 50%, #6F8EC8 100%);
    background: -webkit-linear-gradient(top, #CED9F7 0%, #9BB0DF 50%, #6F8EC8 100%);
    background: linear-gradient(to bottom, #CED9F7 0%, #9BB0DF 50%, #6F8EC8 100%);
}
</style>