#958DBA - #DFDEEB | 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 #958DBA to #DFDEEB

#958DBA #DFDEEB

Calculate the color between two colors, #958DBA and #DFDEEB. 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)

#958DBA - #DFDEEB | 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 #958DBA as 0% and #DFDEEB as 100%.

0.0%	0.0% #958DBA	RGB 149 141 186	#958DBA
16.7%	16.7% #A19AC2	RGB 161 154 194	#A19AC2
33.3%	33.3% #ADA8CA	RGB 173 168 202	#ADA8CA
50.0%	50.0% #BAB5D2	RGB 186 181 210	#BAB5D2
66.7%	66.7% #C6C3DA	RGB 198 195 218	#C6C3DA
83.3%	83.3% #D2D0E2	RGB 210 208 226	#D2D0E2
100.0%	100.0% #DFDEEB	RGB 223 222 235	#DFDEEB

#958DBA #A19AC2 #ADA8CA #BAB5D2 #C6C3DA #D2D0E2 #DFDEEB

#958DBA - #DFDEEB

HSV Blend

#958DBA - #DFDEEB | 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 #958DBA as 0% and #DFDEEB as 100%.

0.0%	0.0% #958DBA	RGB 149 141 186	#958DBA
16.7%	16.7% #9F99C2	RGB 159 153 194	#9F99C2
33.3%	33.3% #ABA5CA	RGB 171 165 202	#ABA5CA
50.0%	50.0% #B7B3D2	RGB 183 179 210	#B7B3D2
66.7%	66.7% #C3C0DA	RGB 195 192 218	#C3C0DA
83.3%	83.3% #D1CFE2	RGB 209 207 226	#D1CFE2
100.0%	100.0% #DFDEEB	RGB 223 222 235	#DFDEEB

#958DBA #9F99C2 #ABA5CA #B7B3D2 #C3C0DA #D1CFE2 #DFDEEB

#958DBA - #B7B3D2 - #DFDEEB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #958DBA 0%, #B7B3D2 50%, #DFDEEB 100%);
    background: -webkit-linear-gradient(top, #958DBA 0%, #B7B3D2 50%, #DFDEEB 100%);
    background: linear-gradient(to bottom, #958DBA 0%, #B7B3D2 50%, #DFDEEB 100%);
}
</style>