#9492BA - #DFDFEB | 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 #9492BA to #DFDFEB

#9492BA #DFDFEB

Calculate the color between two colors, #9492BA and #DFDFEB. 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)

#9492BA - #DFDFEB | 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 #9492BA as 0% and #DFDFEB as 100%.

0.0%	0.0% #9492BA	RGB 148 146 186	#9492BA
16.7%	16.7% #A09EC2	RGB 160 158 194	#A09EC2
33.3%	33.3% #ADABCA	RGB 173 171 202	#ADABCA
50.0%	50.0% #B9B8D2	RGB 185 184 210	#B9B8D2
66.7%	66.7% #C6C5DA	RGB 198 197 218	#C6C5DA
83.3%	83.3% #D2D2E2	RGB 210 210 226	#D2D2E2
100.0%	100.0% #DFDFEB	RGB 223 223 235	#DFDFEB

#9492BA #A09EC2 #ADABCA #B9B8D2 #C6C5DA #D2D2E2 #DFDFEB

#9492BA - #DFDFEB

HSV Blend

#9492BA - #DFDFEB | 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 #9492BA as 0% and #DFDFEB as 100%.

0.0%	0.0% #9492BA	RGB 148 146 186	#9492BA
16.7%	16.7% #9F9DC2	RGB 159 157 194	#9F9DC2
33.3%	33.3% #AAA9CA	RGB 170 169 202	#AAA9CA
50.0%	50.0% #B7B6D2	RGB 183 182 210	#B7B6D2
66.7%	66.7% #C3C3DA	RGB 195 195 218	#C3C3DA
83.3%	83.3% #D1D1E2	RGB 209 209 226	#D1D1E2
100.0%	100.0% #DFDFEB	RGB 223 223 235	#DFDFEB

#9492BA #9F9DC2 #AAA9CA #B7B6D2 #C3C3DA #D1D1E2 #DFDFEB

#9492BA - #B7B6D2 - #DFDFEB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9492BA 0%, #B7B6D2 50%, #DFDFEB 100%);
    background: -webkit-linear-gradient(top, #9492BA 0%, #B7B6D2 50%, #DFDFEB 100%);
    background: linear-gradient(to bottom, #9492BA 0%, #B7B6D2 50%, #DFDFEB 100%);
}
</style>