#CCDDEB - #6F9EB6 | 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 #CCDDEB to #6F9EB6

#CCDDEB #6F9EB6

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

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

0.0%	0.0% #CCDDEB	RGB 204 221 235	#CCDDEB
16.7%	16.7% #BCD2E2	RGB 188 210 226	#BCD2E2
33.3%	33.3% #ADC8D9	RGB 173 200 217	#ADC8D9
50.0%	50.0% #9DBDD0	RGB 157 189 208	#9DBDD0
66.7%	66.7% #8EB3C7	RGB 142 179 199	#8EB3C7
83.3%	83.3% #7EA8BE	RGB 126 168 190	#7EA8BE
100.0%	100.0% #6F9EB6	RGB 111 158 182	#6F9EB6

#CCDDEB #BCD2E2 #ADC8D9 #9DBDD0 #8EB3C7 #7EA8BE #6F9EB6

#CCDDEB - #6F9EB6

HSV Blend

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

0.0%	0.0% #CCDDEB	RGB 204 221 235	#CCDDEB
16.7%	16.7% #BAD1E2	RGB 186 209 226	#BAD1E2
33.3%	33.3% #A9C5D9	RGB 169 197 217	#A9C5D9
50.0%	50.0% #9ABBD0	RGB 154 187 208	#9ABBD0
66.7%	66.7% #8AB0C7	RGB 138 176 199	#8AB0C7
83.3%	83.3% #7CA7BE	RGB 124 167 190	#7CA7BE
100.0%	100.0% #6F9EB6	RGB 111 158 182	#6F9EB6

#CCDDEB #BAD1E2 #A9C5D9 #9ABBD0 #8AB0C7 #7CA7BE #6F9EB6

#CCDDEB - #9ABBD0 - #6F9EB6

CSS codes

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

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