#6B60A8 - #D4D1E6 | 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 #6B60A8 to #D4D1E6

#6B60A8 #D4D1E6

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

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

0.0%	0.0% #6B60A8	RGB 107 96 168	#6B60A8
16.7%	16.7% #7C72B2	RGB 124 114 178	#7C72B2
33.3%	33.3% #8E85BC	RGB 142 133 188	#8E85BC
50.0%	50.0% #9F98C7	RGB 159 152 199	#9F98C7
66.7%	66.7% #B1ABD1	RGB 177 171 209	#B1ABD1
83.3%	83.3% #C2BEDB	RGB 194 190 219	#C2BEDB
100.0%	100.0% #D4D1E6	RGB 212 209 230	#D4D1E6

#6B60A8 #7C72B2 #8E85BC #9F98C7 #B1ABD1 #C2BEDB #D4D1E6

#6B60A8 - #D4D1E6

HSV Blend

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

0.0%	0.0% #6B60A8	RGB 107 96 168	#6B60A8
16.7%	16.7% #796FB2	RGB 121 111 178	#796FB2
33.3%	33.3% #8981BC	RGB 137 129 188	#8981BC
50.0%	50.0% #9A93C7	RGB 154 147 199	#9A93C7
66.7%	66.7% #ACA6D1	RGB 172 166 209	#ACA6D1
83.3%	83.3% #BFBBDB	RGB 191 187 219	#BFBBDB
100.0%	100.0% #D4D1E6	RGB 212 209 230	#D4D1E6

#6B60A8 #796FB2 #8981BC #9A93C7 #ACA6D1 #BFBBDB #D4D1E6

#6B60A8 - #9A93C7 - #D4D1E6

CSS codes

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

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