#907CCF - #DFD9F1 | 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 #907CCF to #DFD9F1

#907CCF #DFD9F1

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

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

0.0%	0.0% #907CCF	RGB 144 124 207	#907CCF
16.7%	16.7% #9D8BD4	RGB 157 139 212	#9D8BD4
33.3%	33.3% #AA9BDA	RGB 170 155 218	#AA9BDA
50.0%	50.0% #B7AAE0	RGB 183 170 224	#B7AAE0
66.7%	66.7% #C4BAE5	RGB 196 186 229	#C4BAE5
83.3%	83.3% #D1C9EB	RGB 209 201 235	#D1C9EB
100.0%	100.0% #DFD9F1	RGB 223 217 241	#DFD9F1

#907CCF #9D8BD4 #AA9BDA #B7AAE0 #C4BAE5 #D1C9EB #DFD9F1

#907CCF - #DFD9F1

HSV Blend

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

0.0%	0.0% #8F7CCF	RGB 143 124 207	#8F7CCF
16.7%	16.7% #9C8AD4	RGB 156 138 212	#9C8AD4
33.3%	33.3% #A898DA	RGB 168 152 218	#A898DA
50.0%	50.0% #B5A7E0	RGB 181 167 224	#B5A7E0
66.7%	66.7% #C3B7E5	RGB 195 183 229	#C3B7E5
83.3%	83.3% #D0C8EB	RGB 208 200 235	#D0C8EB
100.0%	100.0% #DFD9F1	RGB 223 217 241	#DFD9F1

#8F7CCF #9C8AD4 #A898DA #B5A7E0 #C3B7E5 #D0C8EB #DFD9F1

#907CCF - #B5A7E0 - #DFD9F1

CSS codes

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

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