#D6B5E4 - #9351A6 | 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 #D6B5E4 to #9351A6

#D6B5E4 #9351A6

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

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

0.0%	0.0% #D6B5E4	RGB 214 181 228	#D6B5E4
16.7%	16.7% #CAA4D9	RGB 202 164 217	#CAA4D9
33.3%	33.3% #BF93CF	RGB 191 147 207	#BF93CF
50.0%	50.0% #B483C5	RGB 180 131 197	#B483C5
66.7%	66.7% #A972BA	RGB 169 114 186	#A972BA
83.3%	83.3% #9E61B0	RGB 158 97 176	#9E61B0
100.0%	100.0% #9351A6	RGB 147 81 166	#9351A6

#D6B5E4 #CAA4D9 #BF93CF #B483C5 #A972BA #9E61B0 #9351A6

#D6B5E4 - #9351A6

HSV Blend

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

0.0%	0.0% #D6B5E4	RGB 214 181 228	#D6B5E4
16.7%	16.7% #C9A1D9	RGB 201 161 217	#C9A1D9
33.3%	33.3% #BD8FCF	RGB 189 143 207	#BD8FCF
50.0%	50.0% #B27EC5	RGB 178 126 197	#B27EC5
66.7%	66.7% #A76EBA	RGB 167 110 186	#A76EBA
83.3%	83.3% #9D5FB0	RGB 157 95 176	#9D5FB0
100.0%	100.0% #9351A6	RGB 147 81 166	#9351A6

#D6B5E4 #C9A1D9 #BD8FCF #B27EC5 #A76EBA #9D5FB0 #9351A6

#D6B5E4 - #B27EC5 - #9351A6

CSS codes

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

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