#DBD6EC - #957DB2 | 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 #DBD6EC to #957DB2

#DBD6EC #957DB2

Calculate the color between two colors, #DBD6EC and #957DB2. 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)

#DBD6EC - #957DB2 | 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 #DBD6EC as 0% and #957DB2 as 100%.

0.0%	0.0% #DBD6EC	RGB 219 214 236	#DBD6EC
16.7%	16.7% #CFC7E2	RGB 207 199 226	#CFC7E2
33.3%	33.3% #C3B8D8	RGB 195 184 216	#C3B8D8
50.0%	50.0% #B8A9CF	RGB 184 169 207	#B8A9CF
66.7%	66.7% #AC9AC5	RGB 172 154 197	#AC9AC5
83.3%	83.3% #A08BBB	RGB 160 139 187	#A08BBB
100.0%	100.0% #957DB2	RGB 149 125 178	#957DB2

#DBD6EC #CFC7E2 #C3B8D8 #B8A9CF #AC9AC5 #A08BBB #957DB2

#DBD6EC - #957DB2

HSV Blend

#DBD6EC - #957DB2 | 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 #DBD6EC as 0% and #957DB2 as 100%.

0.0%	0.0% #DBD6EC	RGB 219 214 236	#DBD6EC
16.7%	16.7% #CDC5E2	RGB 205 197 226	#CDC5E2
33.3%	33.3% #C0B5D8	RGB 192 181 216	#C0B5D8
50.0%	50.0% #B4A6CF	RGB 180 166 207	#B4A6CF
66.7%	66.7% #A998C5	RGB 169 152 197	#A998C5
83.3%	83.3% #9E8ABB	RGB 158 138 187	#9E8ABB
100.0%	100.0% #957DB2	RGB 149 125 178	#957DB2

#DBD6EC #CDC5E2 #C0B5D8 #B4A6CF #A998C5 #9E8ABB #957DB2

#DBD6EC - #B4A6CF - #957DB2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBD6EC 0%, #B4A6CF 50%, #957DB2 100%);
    background: -webkit-linear-gradient(top, #DBD6EC 0%, #B4A6CF 50%, #957DB2 100%);
    background: linear-gradient(to bottom, #DBD6EC 0%, #B4A6CF 50%, #957DB2 100%);
}
</style>