#CCCCEB - #6980B6 | 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 #CCCCEB to #6980B6

#CCCCEB #6980B6

Calculate the color between two colors, #CCCCEB and #6980B6. 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)

#CCCCEB - #6980B6 | 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 #CCCCEB as 0% and #6980B6 as 100%.

0.0%	0.0% #CCCCEB	RGB 204 204 235	#CCCCEB
16.7%	16.7% #BBBFE2	RGB 187 191 226	#BBBFE2
33.3%	33.3% #ABB2D9	RGB 171 178 217	#ABB2D9
50.0%	50.0% #9AA6D0	RGB 154 166 208	#9AA6D0
66.7%	66.7% #8A99C7	RGB 138 153 199	#8A99C7
83.3%	83.3% #798CBE	RGB 121 140 190	#798CBE
100.0%	100.0% #6980B6	RGB 105 128 182	#6980B6

#CCCCEB #BBBFE2 #ABB2D9 #9AA6D0 #8A99C7 #798CBE #6980B6

#CCCCEB - #6980B6

HSV Blend

#CCCCEB - #6980B6 | 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 #CCCCEB as 0% and #6980B6 as 100%.

0.0%	0.0% #CCCCEB	RGB 204 204 235	#CCCCEB
16.7%	16.7% #B9BBE2	RGB 185 187 226	#B9BBE2
33.3%	33.3% #A7ACD9	RGB 167 172 217	#A7ACD9
50.0%	50.0% #969FD0	RGB 150 159 208	#969FD0
66.7%	66.7% #8693C7	RGB 134 147 199	#8693C7
83.3%	83.3% #7789BE	RGB 119 137 190	#7789BE
100.0%	100.0% #6980B6	RGB 105 128 182	#6980B6

#CCCCEB #B9BBE2 #A7ACD9 #969FD0 #8693C7 #7789BE #6980B6

#CCCCEB - #969FD0 - #6980B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCCCEB 0%, #969FD0 50%, #6980B6 100%);
    background: -webkit-linear-gradient(top, #CCCCEB 0%, #969FD0 50%, #6980B6 100%);
    background: linear-gradient(to bottom, #CCCCEB 0%, #969FD0 50%, #6980B6 100%);
}
</style>