#CDC7EB - #6B6BAF | 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 #CDC7EB to #6B6BAF

#CDC7EB #6B6BAF

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

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

0.0%	0.0% #CDC7EB	RGB 205 199 235	#CDC7EB
16.7%	16.7% #BCB7E1	RGB 188 183 225	#BCB7E1
33.3%	33.3% #ACA8D7	RGB 172 168 215	#ACA8D7
50.0%	50.0% #9C99CD	RGB 156 153 205	#9C99CD
66.7%	66.7% #8B89C3	RGB 139 137 195	#8B89C3
83.3%	83.3% #7B7AB9	RGB 123 122 185	#7B7AB9
100.0%	100.0% #6B6BAF	RGB 107 107 175	#6B6BAF

#CDC7EB #BCB7E1 #ACA8D7 #9C99CD #8B89C3 #7B7AB9 #6B6BAF

#CDC7EB - #6B6BAF

HSV Blend

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

0.0%	0.0% #CDC7EB	RGB 205 199 235	#CDC7EB
16.7%	16.7% #BBB5E1	RGB 187 181 225	#BBB5E1
33.3%	33.3% #AAA5D7	RGB 170 165 215	#AAA5D7
50.0%	50.0% #9A95CD	RGB 154 149 205	#9A95CD
66.7%	66.7% #8986C3	RGB 137 134 195	#8986C3
83.3%	83.3% #7A78B9	RGB 122 120 185	#7A78B9
100.0%	100.0% #6B6BAF	RGB 107 107 175	#6B6BAF

#CDC7EB #BBB5E1 #AAA5D7 #9A95CD #8986C3 #7A78B9 #6B6BAF

#CDC7EB - #9A95CD - #6B6BAF

CSS codes

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

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