#8F699A - #DFD4E2 | 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 #8F699A to #DFD4E2

#8F699A #DFD4E2

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

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

0.0%	0.0% #8F699A	RGB 143 105 154	#8F699A
16.7%	16.7% #9C7AA6	RGB 156 122 166	#9C7AA6
33.3%	33.3% #A98CB2	RGB 169 140 178	#A98CB2
50.0%	50.0% #B79EBE	RGB 183 158 190	#B79EBE
66.7%	66.7% #C4B0CA	RGB 196 176 202	#C4B0CA
83.3%	83.3% #D1C2D6	RGB 209 194 214	#D1C2D6
100.0%	100.0% #DFD4E2	RGB 223 212 226	#DFD4E2

#8F699A #9C7AA6 #A98CB2 #B79EBE #C4B0CA #D1C2D6 #DFD4E2

#8F699A - #DFD4E2

HSV Blend

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

0.0%	0.0% #8F699A	RGB 143 105 154	#8F699A
16.7%	16.7% #9B78A6	RGB 155 120 166	#9B78A6
33.3%	33.3% #A888B2	RGB 168 136 178	#A888B2
50.0%	50.0% #B699BE	RGB 182 153 190	#B699BE
66.7%	66.7% #C3ACCA	RGB 195 172 202	#C3ACCA
83.3%	83.3% #D1BFD6	RGB 209 191 214	#D1BFD6
100.0%	100.0% #DFD4E2	RGB 223 212 226	#DFD4E2

#8F699A #9B78A6 #A888B2 #B699BE #C3ACCA #D1BFD6 #DFD4E2

#8F699A - #B699BE - #DFD4E2

CSS codes

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

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