#6E6B91 - #D4D4DF | 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 #6E6B91 to #D4D4DF

#6E6B91 #D4D4DF

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

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

0.0%	0.0% #6E6B91	RGB 110 107 145	#6E6B91
16.7%	16.7% #7F7C9E	RGB 127 124 158	#7F7C9E
33.3%	33.3% #908EAB	RGB 144 142 171	#908EAB
50.0%	50.0% #A19FB8	RGB 161 159 184	#A19FB8
66.7%	66.7% #B2B1C5	RGB 178 177 197	#B2B1C5
83.3%	83.3% #C3C2D2	RGB 195 194 210	#C3C2D2
100.0%	100.0% #D4D4DF	RGB 212 212 223	#D4D4DF

#6E6B91 #7F7C9E #908EAB #A19FB8 #B2B1C5 #C3C2D2 #D4D4DF

#6E6B91 - #D4D4DF

HSV Blend

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

0.0%	0.0% #6E6B91	RGB 110 107 145	#6E6B91
16.7%	16.7% #7C7A9E	RGB 124 122 158	#7C7A9E
33.3%	33.3% #8C8AAB	RGB 140 138 171	#8C8AAB
50.0%	50.0% #9C9BB8	RGB 156 155 184	#9C9BB8
66.7%	66.7% #ADADC5	RGB 173 173 197	#ADADC5
83.3%	83.3% #C0C0D2	RGB 192 192 210	#C0C0D2
100.0%	100.0% #D4D4DF	RGB 212 212 223	#D4D4DF

#6E6B91 #7C7A9E #8C8AAB #9C9BB8 #ADADC5 #C0C0D2 #D4D4DF

#6E6B91 - #9C9BB8 - #D4D4DF

CSS codes

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

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