#693ECE - #D3C7F1 | 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 #693ECE to #D3C7F1

#693ECE #D3C7F1

Calculate the color between two colors, #693ECE and #D3C7F1. 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)

#693ECE - #D3C7F1 | 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 #693ECE as 0% and #D3C7F1 as 100%.

0.0%	0.0% #693ECE	RGB 105 62 206	#693ECE
16.7%	16.7% #7A54D3	RGB 122 84 211	#7A54D3
33.3%	33.3% #8C6BD9	RGB 140 107 217	#8C6BD9
50.0%	50.0% #9E82DF	RGB 158 130 223	#9E82DF
66.7%	66.7% #AF99E5	RGB 175 153 229	#AF99E5
83.3%	83.3% #C1B0EB	RGB 193 176 235	#C1B0EB
100.0%	100.0% #D3C7F1	RGB 211 199 241	#D3C7F1

#693ECE #7A54D3 #8C6BD9 #9E82DF #AF99E5 #C1B0EB #D3C7F1

#693ECE - #D3C7F1

HSV Blend

#693ECE - #D3C7F1 | 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 #693ECE as 0% and #D3C7F1 as 100%.

0.0%	0.0% #693ECE	RGB 105 62 206	#693ECE
16.7%	16.7% #7852D3	RGB 120 82 211	#7852D3
33.3%	33.3% #8967D9	RGB 137 103 217	#8967D9
50.0%	50.0% #9A7DDF	RGB 154 125 223	#9A7DDF
66.7%	66.7% #AC95E5	RGB 172 149 229	#AC95E5
83.3%	83.3% #BFADEB	RGB 191 173 235	#BFADEB
100.0%	100.0% #D3C7F1	RGB 211 199 241	#D3C7F1

#693ECE #7852D3 #8967D9 #9A7DDF #AC95E5 #BFADEB #D3C7F1

#693ECE - #9A7DDF - #D3C7F1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #693ECE 0%, #9A7DDF 50%, #D3C7F1 100%);
    background: -webkit-linear-gradient(top, #693ECE 0%, #9A7DDF 50%, #D3C7F1 100%);
    background: linear-gradient(to bottom, #693ECE 0%, #9A7DDF 50%, #D3C7F1 100%);
}
</style>