#C6DFF2 - #6D96C2 | 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 #C6DFF2 to #6D96C2

#C6DFF2 #6D96C2

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

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

0.0%	0.0% #C6DFF2	RGB 198 223 242	#C6DFF2
16.7%	16.7% #B7D2EA	RGB 183 210 234	#B7D2EA
33.3%	33.3% #A8C6E2	RGB 168 198 226	#A8C6E2
50.0%	50.0% #99BADA	RGB 153 186 218	#99BADA
66.7%	66.7% #8AAED2	RGB 138 174 210	#8AAED2
83.3%	83.3% #7BA2CA	RGB 123 162 202	#7BA2CA
100.0%	100.0% #6D96C2	RGB 109 150 194	#6D96C2

#C6DFF2 #B7D2EA #A8C6E2 #99BADA #8AAED2 #7BA2CA #6D96C2

#C6DFF2 - #6D96C2

HSV Blend

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

0.0%	0.0% #C6DFF2	RGB 198 223 242	#C6DFF2
16.7%	16.7% #B5D2EA	RGB 181 210 234	#B5D2EA
33.3%	33.3% #A5C6E2	RGB 165 198 226	#A5C6E2
50.0%	50.0% #96B9DA	RGB 150 185 218	#96B9DA
66.7%	66.7% #87ADD2	RGB 135 173 210	#87ADD2
83.3%	83.3% #7AA1CA	RGB 122 161 202	#7AA1CA
100.0%	100.0% #6D96C2	RGB 109 150 194	#6D96C2

#C6DFF2 #B5D2EA #A5C6E2 #96B9DA #87ADD2 #7AA1CA #6D96C2

#C6DFF2 - #96B9DA - #6D96C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6DFF2 0%, #96B9DA 50%, #6D96C2 100%);
    background: -webkit-linear-gradient(top, #C6DFF2 0%, #96B9DA 50%, #6D96C2 100%);
    background: linear-gradient(to bottom, #C6DFF2 0%, #96B9DA 50%, #6D96C2 100%);
}
</style>