#6D6D9C - #D5D5E2 | 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 #6D6D9C to #D5D5E2

#6D6D9C #D5D5E2

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

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

0.0%	0.0% #6D6D9C	RGB 109 109 156	#6D6D9C
16.7%	16.7% #7E7EA7	RGB 126 126 167	#7E7EA7
33.3%	33.3% #8F8FB3	RGB 143 143 179	#8F8FB3
50.0%	50.0% #A1A1BF	RGB 161 161 191	#A1A1BF
66.7%	66.7% #B2B2CA	RGB 178 178 202	#B2B2CA
83.3%	83.3% #C3C3D6	RGB 195 195 214	#C3C3D6
100.0%	100.0% #D5D5E2	RGB 213 213 226	#D5D5E2

#6D6D9C #7E7EA7 #8F8FB3 #A1A1BF #B2B2CA #C3C3D6 #D5D5E2

#6D6D9C - #D5D5E2

HSV Blend

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

0.0%	0.0% #6D6D9C	RGB 109 109 156	#6D6D9C
16.7%	16.7% #7B7BA7	RGB 123 123 167	#7B7BA7
33.3%	33.3% #8B8BB3	RGB 139 139 179	#8B8BB3
50.0%	50.0% #9C9CBF	RGB 156 156 191	#9C9CBF
66.7%	66.7% #AEAECA	RGB 174 174 202	#AEAECA
83.3%	83.3% #C1C1D6	RGB 193 193 214	#C1C1D6
100.0%	100.0% #D5D5E2	RGB 213 213 226	#D5D5E2

#6D6D9C #7B7BA7 #8B8BB3 #9C9CBF #AEAECA #C1C1D6 #D5D5E2

#6D6D9C - #9C9CBF - #D5D5E2

CSS codes

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

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