#8F7AA2 - #DFD9E4 | 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 #8F7AA2 to #DFD9E4

#8F7AA2 #DFD9E4

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

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

0.0%	0.0% #8F7AA2	RGB 143 122 162	#8F7AA2
16.7%	16.7% #9C89AD	RGB 156 137 173	#9C89AD
33.3%	33.3% #A999B8	RGB 169 153 184	#A999B8
50.0%	50.0% #B7A9C3	RGB 183 169 195	#B7A9C3
66.7%	66.7% #C4B9CE	RGB 196 185 206	#C4B9CE
83.3%	83.3% #D1C9D9	RGB 209 201 217	#D1C9D9
100.0%	100.0% #DFD9E4	RGB 223 217 228	#DFD9E4

#8F7AA2 #9C89AD #A999B8 #B7A9C3 #C4B9CE #D1C9D9 #DFD9E4

#8F7AA2 - #DFD9E4

HSV Blend

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

0.0%	0.0% #8F7AA2	RGB 143 122 162	#8F7AA2
16.7%	16.7% #9B88AD	RGB 155 136 173	#9B88AD
33.3%	33.3% #A896B8	RGB 168 150 184	#A896B8
50.0%	50.0% #B5A6C3	RGB 181 166 195	#B5A6C3
66.7%	66.7% #C3B6CE	RGB 195 182 206	#C3B6CE
83.3%	83.3% #D0C7D9	RGB 208 199 217	#D0C7D9
100.0%	100.0% #DFD9E4	RGB 223 217 228	#DFD9E4

#8F7AA2 #9B88AD #A896B8 #B5A6C3 #C3B6CE #D0C7D9 #DFD9E4

#8F7AA2 - #B5A6C3 - #DFD9E4

CSS codes

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

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