#9090B5 - #DFDFE9 | 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 #9090B5 to #DFDFE9

#9090B5 #DFDFE9

Calculate the color between two colors, #9090B5 and #DFDFE9. 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)

#9090B5 - #DFDFE9 | 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 #9090B5 as 0% and #DFDFE9 as 100%.

0.0%	0.0% #9090B5	RGB 144 144 181	#9090B5
16.7%	16.7% #9D9DBD	RGB 157 157 189	#9D9DBD
33.3%	33.3% #AAAAC6	RGB 170 170 198	#AAAAC6
50.0%	50.0% #B7B7CF	RGB 183 183 207	#B7B7CF
66.7%	66.7% #C4C4D7	RGB 196 196 215	#C4C4D7
83.3%	83.3% #D1D1E0	RGB 209 209 224	#D1D1E0
100.0%	100.0% #DFDFE9	RGB 223 223 233	#DFDFE9

#9090B5 #9D9DBD #AAAAC6 #B7B7CF #C4C4D7 #D1D1E0 #DFDFE9

#9090B5 - #DFDFE9

HSV Blend

#9090B5 - #DFDFE9 | 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 #9090B5 as 0% and #DFDFE9 as 100%.

0.0%	0.0% #9090B5	RGB 144 144 181	#9090B5
16.7%	16.7% #9C9CBD	RGB 156 156 189	#9C9CBD
33.3%	33.3% #A8A8C6	RGB 168 168 198	#A8A8C6
50.0%	50.0% #B5B5CF	RGB 181 181 207	#B5B5CF
66.7%	66.7% #C2C2D7	RGB 194 194 215	#C2C2D7
83.3%	83.3% #D0D0E0	RGB 208 208 224	#D0D0E0
100.0%	100.0% #DFDFE9	RGB 223 223 233	#DFDFE9

#9090B5 #9C9CBD #A8A8C6 #B5B5CF #C2C2D7 #D0D0E0 #DFDFE9

#9090B5 - #B5B5CF - #DFDFE9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9090B5 0%, #B5B5CF 50%, #DFDFE9 100%);
    background: -webkit-linear-gradient(top, #9090B5 0%, #B5B5CF 50%, #DFDFE9 100%);
    background: linear-gradient(to bottom, #9090B5 0%, #B5B5CF 50%, #DFDFE9 100%);
}
</style>