#CDCCFF - #6B6ED5 | 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 #CDCCFF to #6B6ED5

#CDCCFF #6B6ED5

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

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

0.0%	0.0% #CDCCFF	RGB 205 204 255	#CDCCFF
16.7%	16.7% #BCBCF8	RGB 188 188 248	#BCBCF8
33.3%	33.3% #ACACF1	RGB 172 172 241	#ACACF1
50.0%	50.0% #9C9DEA	RGB 156 157 234	#9C9DEA
66.7%	66.7% #8B8DE3	RGB 139 141 227	#8B8DE3
83.3%	83.3% #7B7DDC	RGB 123 125 220	#7B7DDC
100.0%	100.0% #6B6ED5	RGB 107 110 213	#6B6ED5

#CDCCFF #BCBCF8 #ACACF1 #9C9DEA #8B8DE3 #7B7DDC #6B6ED5

#CDCCFF - #6B6ED5

HSV Blend

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

0.0%	0.0% #CDCCFF	RGB 205 204 255	#CDCCFF
16.7%	16.7% #BABAF8	RGB 186 186 248	#BABAF8
33.3%	33.3% #A9A8F1	RGB 169 168 241	#A9A8F1
50.0%	50.0% #9898EA	RGB 152 152 234	#9898EA
66.7%	66.7% #8889E3	RGB 136 137 227	#8889E3
83.3%	83.3% #797BDC	RGB 121 123 220	#797BDC
100.0%	100.0% #6B6ED5	RGB 107 110 213	#6B6ED5

#CDCCFF #BABAF8 #A9A8F1 #9898EA #8889E3 #797BDC #6B6ED5

#CDCCFF - #9898EA - #6B6ED5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDCCFF 0%, #9898EA 50%, #6B6ED5 100%);
    background: -webkit-linear-gradient(top, #CDCCFF 0%, #9898EA 50%, #6B6ED5 100%);
    background: linear-gradient(to bottom, #CDCCFF 0%, #9898EA 50%, #6B6ED5 100%);
}
</style>