#6D6991 - #D5D4DF | 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 #6D6991 to #D5D4DF

#6D6991 #D5D4DF

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

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

0.0%	0.0% #6D6991	RGB 109 105 145	#6D6991
16.7%	16.7% #7E7A9E	RGB 126 122 158	#7E7A9E
33.3%	33.3% #8F8CAB	RGB 143 140 171	#8F8CAB
50.0%	50.0% #A19EB8	RGB 161 158 184	#A19EB8
66.7%	66.7% #B2B0C5	RGB 178 176 197	#B2B0C5
83.3%	83.3% #C3C2D2	RGB 195 194 210	#C3C2D2
100.0%	100.0% #D5D4DF	RGB 213 212 223	#D5D4DF

#6D6991 #7E7A9E #8F8CAB #A19EB8 #B2B0C5 #C3C2D2 #D5D4DF

#6D6991 - #D5D4DF

HSV Blend

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

0.0%	0.0% #6D6991	RGB 109 105 145	#6D6991
16.7%	16.7% #7C789E	RGB 124 120 158	#7C789E
33.3%	33.3% #8C88AB	RGB 140 136 171	#8C88AB
50.0%	50.0% #9C9AB8	RGB 156 154 184	#9C9AB8
66.7%	66.7% #AEACC5	RGB 174 172 197	#AEACC5
83.3%	83.3% #C1BFD2	RGB 193 191 210	#C1BFD2
100.0%	100.0% #D5D4DF	RGB 213 212 223	#D5D4DF

#6D6991 #7C789E #8C88AB #9C9AB8 #AEACC5 #C1BFD2 #D5D4DF

#6D6991 - #9C9AB8 - #D5D4DF

CSS codes

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

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