#907ABE - #DFD9EC | 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 #907ABE to #DFD9EC

#907ABE #DFD9EC

Calculate the color between two colors, #907ABE and #DFD9EC. 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)

#907ABE - #DFD9EC | 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 #907ABE as 0% and #DFD9EC as 100%.

0.0%	0.0% #907ABE	RGB 144 122 190	#907ABE
16.7%	16.7% #9D89C5	RGB 157 137 197	#9D89C5
33.3%	33.3% #AA99CD	RGB 170 153 205	#AA99CD
50.0%	50.0% #B7A9D5	RGB 183 169 213	#B7A9D5
66.7%	66.7% #C4B9DC	RGB 196 185 220	#C4B9DC
83.3%	83.3% #D1C9E4	RGB 209 201 228	#D1C9E4
100.0%	100.0% #DFD9EC	RGB 223 217 236	#DFD9EC

#907ABE #9D89C5 #AA99CD #B7A9D5 #C4B9DC #D1C9E4 #DFD9EC

#907ABE - #DFD9EC

HSV Blend

#907ABE - #DFD9EC | 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 #907ABE as 0% and #DFD9EC as 100%.

0.0%	0.0% #8F7ABE	RGB 143 122 190	#8F7ABE
16.7%	16.7% #9B88C5	RGB 155 136 197	#9B88C5
33.3%	33.3% #A896CD	RGB 168 150 205	#A896CD
50.0%	50.0% #B5A6D5	RGB 181 166 213	#B5A6D5
66.7%	66.7% #C2B6DC	RGB 194 182 220	#C2B6DC
83.3%	83.3% #D0C7E4	RGB 208 199 228	#D0C7E4
100.0%	100.0% #DFD9EC	RGB 223 217 236	#DFD9EC

#8F7ABE #9B88C5 #A896CD #B5A6D5 #C2B6DC #D0C7E4 #DFD9EC

#907ABE - #B5A6D5 - #DFD9EC

CSS codes

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

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