#D9C0EE - #8A5DB4 | 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 #D9C0EE to #8A5DB4

#D9C0EE #8A5DB4

Calculate the color between two colors, #D9C0EE and #8A5DB4. 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)

#D9C0EE - #8A5DB4 | 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 #D9C0EE as 0% and #8A5DB4 as 100%.

0.0%	0.0% #D9C0EE	RGB 217 192 238	#D9C0EE
16.7%	16.7% #CBAFE4	RGB 203 175 228	#CBAFE4
33.3%	33.3% #BE9FDA	RGB 190 159 218	#BE9FDA
50.0%	50.0% #B18ED1	RGB 177 142 209	#B18ED1
66.7%	66.7% #A47EC7	RGB 164 126 199	#A47EC7
83.3%	83.3% #976DBD	RGB 151 109 189	#976DBD
100.0%	100.0% #8A5DB4	RGB 138 93 180	#8A5DB4

#D9C0EE #CBAFE4 #BE9FDA #B18ED1 #A47EC7 #976DBD #8A5DB4

#D9C0EE - #8A5DB4

HSV Blend

#D9C0EE - #8A5DB4 | 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 #D9C0EE as 0% and #8A5DB4 as 100%.

0.0%	0.0% #D9C0EE	RGB 217 192 238	#D9C0EE
16.7%	16.7% #CAADE4	RGB 202 173 228	#CAADE4
33.3%	33.3% #BD9BDA	RGB 189 155 218	#BD9BDA
50.0%	50.0% #AF8AD1	RGB 175 138 209	#AF8AD1
66.7%	66.7% #A27AC7	RGB 162 122 199	#A27AC7
83.3%	83.3% #966BBD	RGB 150 107 189	#966BBD
100.0%	100.0% #8A5DB4	RGB 138 93 180	#8A5DB4

#D9C0EE #CAADE4 #BD9BDA #AF8AD1 #A27AC7 #966BBD #8A5DB4

#D9C0EE - #AF8AD1 - #8A5DB4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D9C0EE 0%, #AF8AD1 50%, #8A5DB4 100%);
    background: -webkit-linear-gradient(top, #D9C0EE 0%, #AF8AD1 50%, #8A5DB4 100%);
    background: linear-gradient(to bottom, #D9C0EE 0%, #AF8AD1 50%, #8A5DB4 100%);
}
</style>