#6B5D8F - #D3D0DF | 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 #6B5D8F to #D3D0DF

#6B5D8F #D3D0DF

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

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

0.0%	0.0% #6B5D8F	RGB 107 93 143	#6B5D8F
16.7%	16.7% #7C709C	RGB 124 112 156	#7C709C
33.3%	33.3% #8D83A9	RGB 141 131 169	#8D83A9
50.0%	50.0% #9F96B7	RGB 159 150 183	#9F96B7
66.7%	66.7% #B0A9C4	RGB 176 169 196	#B0A9C4
83.3%	83.3% #C1BCD1	RGB 193 188 209	#C1BCD1
100.0%	100.0% #D3D0DF	RGB 211 208 223	#D3D0DF

#6B5D8F #7C709C #8D83A9 #9F96B7 #B0A9C4 #C1BCD1 #D3D0DF

#6B5D8F - #D3D0DF

HSV Blend

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

0.0%	0.0% #6B5D8F	RGB 107 93 143	#6B5D8F
16.7%	16.7% #796D9C	RGB 121 109 156	#796D9C
33.3%	33.3% #897EA9	RGB 137 126 169	#897EA9
50.0%	50.0% #9A90B7	RGB 154 144 183	#9A90B7
66.7%	66.7% #ABA4C4	RGB 171 164 196	#ABA4C4
83.3%	83.3% #BEB9D1	RGB 190 185 209	#BEB9D1
100.0%	100.0% #D3D0DF	RGB 211 208 223	#D3D0DF

#6B5D8F #796D9C #897EA9 #9A90B7 #ABA4C4 #BEB9D1 #D3D0DF

#6B5D8F - #9A90B7 - #D3D0DF

CSS codes

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

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