#D9C2EB - #8A62B0 | 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 #D9C2EB to #8A62B0

#D9C2EB #8A62B0

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

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

0.0%	0.0% #D9C2EB	RGB 217 194 235	#D9C2EB
16.7%	16.7% #CBB2E1	RGB 203 178 225	#CBB2E1
33.3%	33.3% #BEA2D7	RGB 190 162 215	#BEA2D7
50.0%	50.0% #B192CD	RGB 177 146 205	#B192CD
66.7%	66.7% #A482C3	RGB 164 130 195	#A482C3
83.3%	83.3% #9772B9	RGB 151 114 185	#9772B9
100.0%	100.0% #8A62B0	RGB 138 98 176	#8A62B0

#D9C2EB #CBB2E1 #BEA2D7 #B192CD #A482C3 #9772B9 #8A62B0

#D9C2EB - #8A62B0

HSV Blend

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

0.0%	0.0% #D9C2EB	RGB 217 194 235	#D9C2EB
16.7%	16.7% #CBAFE1	RGB 203 175 225	#CBAFE1
33.3%	33.3% #BD9ED7	RGB 189 158 215	#BD9ED7
50.0%	50.0% #B08ECD	RGB 176 142 205	#B08ECD
66.7%	66.7% #A37EC3	RGB 163 126 195	#A37EC3
83.3%	83.3% #966FB9	RGB 150 111 185	#966FB9
100.0%	100.0% #8A62B0	RGB 138 98 176	#8A62B0

#D9C2EB #CBAFE1 #BD9ED7 #B08ECD #A37EC3 #966FB9 #8A62B0

#D9C2EB - #B08ECD - #8A62B0

CSS codes

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

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