#928FE4 - #DFDFF7 | 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 #928FE4 to #DFDFF7

#928FE4 #DFDFF7

Calculate the color between two colors, #928FE4 and #DFDFF7. 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)

#928FE4 - #DFDFF7 | 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 #928FE4 as 0% and #DFDFF7 as 100%.

0.0%	0.0% #928FE4	RGB 146 143 228	#928FE4
16.7%	16.7% #9E9CE7	RGB 158 156 231	#9E9CE7
33.3%	33.3% #ABA9EA	RGB 171 169 234	#ABA9EA
50.0%	50.0% #B8B7ED	RGB 184 183 237	#B8B7ED
66.7%	66.7% #C5C4F0	RGB 197 196 240	#C5C4F0
83.3%	83.3% #D2D1F3	RGB 210 209 243	#D2D1F3
100.0%	100.0% #DFDFF7	RGB 223 223 247	#DFDFF7

#928FE4 #9E9CE7 #ABA9EA #B8B7ED #C5C4F0 #D2D1F3 #DFDFF7

#928FE4 - #DFDFF7

HSV Blend

#928FE4 - #DFDFF7 | 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 #928FE4 as 0% and #DFDFF7 as 100%.

0.0%	0.0% #928FE4	RGB 146 143 228	#928FE4
16.7%	16.7% #9D9BE7	RGB 157 155 231	#9D9BE7
33.3%	33.3% #AAA8EA	RGB 170 168 234	#AAA8EA
50.0%	50.0% #B6B5ED	RGB 182 181 237	#B6B5ED
66.7%	66.7% #C3C3F0	RGB 195 195 240	#C3C3F0
83.3%	83.3% #D1D0F3	RGB 209 208 243	#D1D0F3
100.0%	100.0% #DFDFF7	RGB 223 223 247	#DFDFF7

#928FE4 #9D9BE7 #AAA8EA #B6B5ED #C3C3F0 #D1D0F3 #DFDFF7

#928FE4 - #B6B5ED - #DFDFF7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #928FE4 0%, #B6B5ED 50%, #DFDFF7 100%);
    background: -webkit-linear-gradient(top, #928FE4 0%, #B6B5ED 50%, #DFDFF7 100%);
    background: linear-gradient(to bottom, #928FE4 0%, #B6B5ED 50%, #DFDFF7 100%);
}
</style>