#CADCEB - #6D9DB6 | 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 #CADCEB to #6D9DB6

#CADCEB #6D9DB6

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

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

0.0%	0.0% #CADCEB	RGB 202 220 235	#CADCEB
16.7%	16.7% #BAD1E2	RGB 186 209 226	#BAD1E2
33.3%	33.3% #ABC7D9	RGB 171 199 217	#ABC7D9
50.0%	50.0% #9BBCD0	RGB 155 188 208	#9BBCD0
66.7%	66.7% #8CB2C7	RGB 140 178 199	#8CB2C7
83.3%	83.3% #7CA7BE	RGB 124 167 190	#7CA7BE
100.0%	100.0% #6D9DB6	RGB 109 157 182	#6D9DB6

#CADCEB #BAD1E2 #ABC7D9 #9BBCD0 #8CB2C7 #7CA7BE #6D9DB6

#CADCEB - #6D9DB6

HSV Blend

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

0.0%	0.0% #CADCEB	RGB 202 220 235	#CADCEB
16.7%	16.7% #B8D0E2	RGB 184 208 226	#B8D0E2
33.3%	33.3% #A7C4D9	RGB 167 196 217	#A7C4D9
50.0%	50.0% #98BAD0	RGB 152 186 208	#98BAD0
66.7%	66.7% #88AFC7	RGB 136 175 199	#88AFC7
83.3%	83.3% #7AA6BE	RGB 122 166 190	#7AA6BE
100.0%	100.0% #6D9DB6	RGB 109 157 182	#6D9DB6

#CADCEB #B8D0E2 #A7C4D9 #98BAD0 #88AFC7 #7AA6BE #6D9DB6

#CADCEB - #98BAD0 - #6D9DB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CADCEB 0%, #98BAD0 50%, #6D9DB6 100%);
    background: -webkit-linear-gradient(top, #CADCEB 0%, #98BAD0 50%, #6D9DB6 100%);
    background: linear-gradient(to bottom, #CADCEB 0%, #98BAD0 50%, #6D9DB6 100%);
}
</style>