#DBD9F8 - #887FC3 | 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 #DBD9F8 to #887FC3

#DBD9F8 #887FC3

Calculate the color between two colors, #DBD9F8 and #887FC3. 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)

#DBD9F8 - #887FC3 | 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 #DBD9F8 as 0% and #887FC3 as 100%.

0.0%	0.0% #DBD9F8	RGB 219 217 248	#DBD9F8
16.7%	16.7% #CDCAEF	RGB 205 202 239	#CDCAEF
33.3%	33.3% #BFBBE6	RGB 191 187 230	#BFBBE6
50.0%	50.0% #B1ACDD	RGB 177 172 221	#B1ACDD
66.7%	66.7% #A39DD4	RGB 163 157 212	#A39DD4
83.3%	83.3% #958ECB	RGB 149 142 203	#958ECB
100.0%	100.0% #887FC3	RGB 136 127 195	#887FC3

#DBD9F8 #CDCAEF #BFBBE6 #B1ACDD #A39DD4 #958ECB #887FC3

#DBD9F8 - #887FC3

HSV Blend

#DBD9F8 - #887FC3 | 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 #DBD9F8 as 0% and #887FC3 as 100%.

0.0%	0.0% #DBD9F8	RGB 219 217 248	#DBD9F8
16.7%	16.7% #CBC8EF	RGB 203 200 239	#CBC8EF
33.3%	33.3% #BCB8E6	RGB 188 184 230	#BCB8E6
50.0%	50.0% #AEA9DD	RGB 174 169 221	#AEA9DD
66.7%	66.7% #A09AD4	RGB 160 154 212	#A09AD4
83.3%	83.3% #948CCB	RGB 148 140 203	#948CCB
100.0%	100.0% #887FC3	RGB 136 127 195	#887FC3

#DBD9F8 #CBC8EF #BCB8E6 #AEA9DD #A09AD4 #948CCB #887FC3

#DBD9F8 - #AEA9DD - #887FC3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBD9F8 0%, #AEA9DD 50%, #887FC3 100%);
    background: -webkit-linear-gradient(top, #DBD9F8 0%, #AEA9DD 50%, #887FC3 100%);
    background: linear-gradient(to bottom, #DBD9F8 0%, #AEA9DD 50%, #887FC3 100%);
}
</style>