#68359E - #D3C5E3 | 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 #68359E to #D3C5E3

#68359E #D3C5E3

Calculate the color between two colors, #68359E and #D3C5E3. 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)

#68359E - #D3C5E3 | 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 #68359E as 0% and #D3C5E3 as 100%.

0.0%	0.0% #68359E	RGB 104 53 158	#68359E
16.7%	16.7% #794DA9	RGB 121 77 169	#794DA9
33.3%	33.3% #8B65B5	RGB 139 101 181	#8B65B5
50.0%	50.0% #9D7DC0	RGB 157 125 192	#9D7DC0
66.7%	66.7% #AF95CC	RGB 175 149 204	#AF95CC
83.3%	83.3% #C1ADD7	RGB 193 173 215	#C1ADD7
100.0%	100.0% #D3C5E3	RGB 211 197 227	#D3C5E3

#68359E #794DA9 #8B65B5 #9D7DC0 #AF95CC #C1ADD7 #D3C5E3

#68359E - #D3C5E3

HSV Blend

#68359E - #D3C5E3 | 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 #68359E as 0% and #D3C5E3 as 100%.

0.0%	0.0% #68359E	RGB 104 53 158	#68359E
16.7%	16.7% #7647A9	RGB 118 71 169	#7647A9
33.3%	33.3% #875CB5	RGB 135 92 181	#875CB5
50.0%	50.0% #9873C0	RGB 152 115 192	#9873C0
66.7%	66.7% #AA8CCC	RGB 170 140 204	#AA8CCC
83.3%	83.3% #BEA7D7	RGB 190 167 215	#BEA7D7
100.0%	100.0% #D3C5E3	RGB 211 197 227	#D3C5E3

#68359E #7647A9 #875CB5 #9873C0 #AA8CCC #BEA7D7 #D3C5E3

#68359E - #9873C0 - #D3C5E3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #68359E 0%, #9873C0 50%, #D3C5E3 100%);
    background: -webkit-linear-gradient(top, #68359E 0%, #9873C0 50%, #D3C5E3 100%);
    background: linear-gradient(to bottom, #68359E 0%, #9873C0 50%, #D3C5E3 100%);
}
</style>