#6A5ACD - #D4CFF0 | 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 #6A5ACD to #D4CFF0

#6A5ACD #D4CFF0

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

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

0.0%	0.0% #6A5ACD	RGB 106 90 205	#6A5ACD
16.7%	16.7% #7B6DD2	RGB 123 109 210	#7B6DD2
33.3%	33.3% #8D81D8	RGB 141 129 216	#8D81D8
50.0%	50.0% #9F94DE	RGB 159 148 222	#9F94DE
66.7%	66.7% #B0A8E4	RGB 176 168 228	#B0A8E4
83.3%	83.3% #C2BBEA	RGB 194 187 234	#C2BBEA
100.0%	100.0% #D4CFF0	RGB 212 207 240	#D4CFF0

#6A5ACD #7B6DD2 #8D81D8 #9F94DE #B0A8E4 #C2BBEA #D4CFF0

#6A5ACD - #D4CFF0

HSV Blend

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

0.0%	0.0% #6A5ACD	RGB 106 90 205	#6A5ACD
16.7%	16.7% #7A6BD2	RGB 122 107 210	#7A6BD2
33.3%	33.3% #8A7DD8	RGB 138 125 216	#8A7DD8
50.0%	50.0% #9C90DE	RGB 156 144 222	#9C90DE
66.7%	66.7% #AEA4E4	RGB 174 164 228	#AEA4E4
83.3%	83.3% #C0B9EA	RGB 192 185 234	#C0B9EA
100.0%	100.0% #D4CFF0	RGB 212 207 240	#D4CFF0

#6A5ACD #7A6BD2 #8A7DD8 #9C90DE #AEA4E4 #C0B9EA #D4CFF0

#6A5ACD - #9C90DE - #D4CFF0

CSS codes

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

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