#6B73C2 - #D4D5ED | 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 #6B73C2 to #D4D5ED

#6B73C2 #D4D5ED

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

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

0.0%	0.0% #6B73C2	RGB 107 115 194	#6B73C2
16.7%	16.7% #7C83C9	RGB 124 131 201	#7C83C9
33.3%	33.3% #8E93D0	RGB 142 147 208	#8E93D0
50.0%	50.0% #9FA4D7	RGB 159 164 215	#9FA4D7
66.7%	66.7% #B1B4DE	RGB 177 180 222	#B1B4DE
83.3%	83.3% #C2C4E5	RGB 194 196 229	#C2C4E5
100.0%	100.0% #D4D5ED	RGB 212 213 237	#D4D5ED

#6B73C2 #7C83C9 #8E93D0 #9FA4D7 #B1B4DE #C2C4E5 #D4D5ED

#6B73C2 - #D4D5ED

HSV Blend

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

0.0%	0.0% #6B73C2	RGB 107 115 194	#6B73C2
16.7%	16.7% #7A81C9	RGB 122 129 201	#7A81C9
33.3%	33.3% #8A8FD0	RGB 138 143 208	#8A8FD0
50.0%	50.0% #9B9FD7	RGB 155 159 215	#9B9FD7
66.7%	66.7% #ADB0DE	RGB 173 176 222	#ADB0DE
83.3%	83.3% #C0C2E5	RGB 192 194 229	#C0C2E5
100.0%	100.0% #D4D5ED	RGB 212 213 237	#D4D5ED

#6B73C2 #7A81C9 #8A8FD0 #9B9FD7 #ADB0DE #C0C2E5 #D4D5ED

#6B73C2 - #9B9FD7 - #D4D5ED

CSS codes

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

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