#DCC7FF - #BC6FDA | 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 #DCC7FF to #BC6FDA

#DCC7FF #BC6FDA

Calculate the color between two colors, #DCC7FF and #BC6FDA. 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)

#DCC7FF - #BC6FDA | 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 #DCC7FF as 0% and #BC6FDA as 100%.

0.0%	0.0% #DCC7FF	RGB 220 199 255	#DCC7FF
16.7%	16.7% #D6B8F8	RGB 214 184 248	#D6B8F8
33.3%	33.3% #D1A9F2	RGB 209 169 242	#D1A9F2
50.0%	50.0% #CC9BEC	RGB 204 155 236	#CC9BEC
66.7%	66.7% #C68CE6	RGB 198 140 230	#C68CE6
83.3%	83.3% #C17DE0	RGB 193 125 224	#C17DE0
100.0%	100.0% #BC6FDA	RGB 188 111 218	#BC6FDA

#DCC7FF #D6B8F8 #D1A9F2 #CC9BEC #C68CE6 #C17DE0 #BC6FDA

#DCC7FF - #BC6FDA

HSV Blend

#DCC7FF - #BC6FDA | 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 #DCC7FF as 0% and #BC6FDA as 100%.

0.0%	0.0% #DCC7FF	RGB 220 199 255	#DCC7FF
16.7%	16.7% #D3B6F8	RGB 211 182 248	#D3B6F8
33.3%	33.3% #CCA7F2	RGB 204 167 242	#CCA7F2
50.0%	50.0% #C698EC	RGB 198 152 236	#C698EC
66.7%	66.7% #C18AE6	RGB 193 138 230	#C18AE6
83.3%	83.3% #BE7CE0	RGB 190 124 224	#BE7CE0
100.0%	100.0% #BC6FDA	RGB 188 111 218	#BC6FDA

#DCC7FF #D3B6F8 #CCA7F2 #C698EC #C18AE6 #BE7CE0 #BC6FDA

#DCC7FF - #C698EC - #BC6FDA

CSS codes

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

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