#906DA2 - #DFD5E4 | 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 #906DA2 to #DFD5E4

#906DA2 #DFD5E4

Calculate the color between two colors, #906DA2 and #DFD5E4. 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)

#906DA2 - #DFD5E4 | 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 #906DA2 as 0% and #DFD5E4 as 100%.

0.0%	0.0% #906DA2	RGB 144 109 162	#906DA2
16.7%	16.7% #9D7EAD	RGB 157 126 173	#9D7EAD
33.3%	33.3% #AA8FB8	RGB 170 143 184	#AA8FB8
50.0%	50.0% #B7A1C3	RGB 183 161 195	#B7A1C3
66.7%	66.7% #C4B2CE	RGB 196 178 206	#C4B2CE
83.3%	83.3% #D1C3D9	RGB 209 195 217	#D1C3D9
100.0%	100.0% #DFD5E4	RGB 223 213 228	#DFD5E4

#906DA2 #9D7EAD #AA8FB8 #B7A1C3 #C4B2CE #D1C3D9 #DFD5E4

#906DA2 - #DFD5E4

HSV Blend

#906DA2 - #DFD5E4 | 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 #906DA2 as 0% and #DFD5E4 as 100%.

0.0%	0.0% #906DA2	RGB 144 109 162	#906DA2
16.7%	16.7% #9C7BAD	RGB 156 123 173	#9C7BAD
33.3%	33.3% #A98BB8	RGB 169 139 184	#A98BB8
50.0%	50.0% #B69CC3	RGB 182 156 195	#B69CC3
66.7%	66.7% #C3AECE	RGB 195 174 206	#C3AECE
83.3%	83.3% #D1C1D9	RGB 209 193 217	#D1C1D9
100.0%	100.0% #DFD5E4	RGB 223 213 228	#DFD5E4

#906DA2 #9C7BAD #A98BB8 #B69CC3 #C3AECE #D1C1D9 #DFD5E4

#906DA2 - #B69CC3 - #DFD5E4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #906DA2 0%, #B69CC3 50%, #DFD5E4 100%);
    background: -webkit-linear-gradient(top, #906DA2 0%, #B69CC3 50%, #DFD5E4 100%);
    background: linear-gradient(to bottom, #906DA2 0%, #B69CC3 50%, #DFD5E4 100%);
}
</style>