#7235A6 - #D6C5E5 | 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 #7235A6 to #D6C5E5

#7235A6 #D6C5E5

Calculate the color between two colors, #7235A6 and #D6C5E5. 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)

#7235A6 - #D6C5E5 | 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 #7235A6 as 0% and #D6C5E5 as 100%.

0.0%	0.0% #7235A6	RGB 114 53 166	#7235A6
16.7%	16.7% #824DB0	RGB 130 77 176	#824DB0
33.3%	33.3% #9365BB	RGB 147 101 187	#9365BB
50.0%	50.0% #A47DC5	RGB 164 125 197	#A47DC5
66.7%	66.7% #B495D0	RGB 180 149 208	#B495D0
83.3%	83.3% #C5ADDA	RGB 197 173 218	#C5ADDA
100.0%	100.0% #D6C5E5	RGB 214 197 229	#D6C5E5

#7235A6 #824DB0 #9365BB #A47DC5 #B495D0 #C5ADDA #D6C5E5

#7235A6 - #D6C5E5

HSV Blend

#7235A6 - #D6C5E5 | 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 #7235A6 as 0% and #D6C5E5 as 100%.

0.0%	0.0% #7135A6	RGB 113 53 166	#7135A6
16.7%	16.7% #8048B0	RGB 128 72 176	#8048B0
33.3%	33.3% #8F5DBB	RGB 143 93 187	#8F5DBB
50.0%	50.0% #9F74C5	RGB 159 116 197	#9F74C5
66.7%	66.7% #B08DD0	RGB 176 141 208	#B08DD0
83.3%	83.3% #C3A8DA	RGB 195 168 218	#C3A8DA
100.0%	100.0% #D6C5E5	RGB 214 197 229	#D6C5E5

#7135A6 #8048B0 #8F5DBB #9F74C5 #B08DD0 #C3A8DA #D6C5E5

#7235A6 - #9F74C5 - #D6C5E5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7135A6 0%, #9F74C5 50%, #D6C5E5 100%);
    background: -webkit-linear-gradient(top, #7135A6 0%, #9F74C5 50%, #D6C5E5 100%);
    background: linear-gradient(to bottom, #7135A6 0%, #9F74C5 50%, #D6C5E5 100%);
}
</style>