#DCCBFF - #AD77E8 | 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 #DCCBFF to #AD77E8

#DCCBFF #AD77E8

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

#DCCBFF - #AD77E8 | 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 #DCCBFF as 0% and #AD77E8 as 100%.

0.0%	0.0% #DCCBFF	RGB 220 203 255	#DCCBFF
16.7%	16.7% #D4BDFB	RGB 212 189 251	#D4BDFB
33.3%	33.3% #CCAFF7	RGB 204 175 247	#CCAFF7
50.0%	50.0% #C4A1F3	RGB 196 161 243	#C4A1F3
66.7%	66.7% #BC93EF	RGB 188 147 239	#BC93EF
83.3%	83.3% #B485EB	RGB 180 133 235	#B485EB
100.0%	100.0% #AD77E8	RGB 173 119 232	#AD77E8

#DCCBFF #D4BDFB #CCAFF7 #C4A1F3 #BC93EF #B485EB #AD77E8

#DCCBFF - #AD77E8

HSV Blend

#DCCBFF - #AD77E8 | 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 #DCCBFF as 0% and #AD77E8 as 100%.

0.0%	0.0% #DCCBFF	RGB 220 203 255	#DCCBFF
16.7%	16.7% #D2BCFB	RGB 210 188 251	#D2BCFB
33.3%	33.3% #C9ADF7	RGB 201 173 247	#C9ADF7
50.0%	50.0% #C19FF3	RGB 193 159 243	#C19FF3
66.7%	66.7% #B991EF	RGB 185 145 239	#B991EF
83.3%	83.3% #B384EB	RGB 179 132 235	#B384EB
100.0%	100.0% #AD77E8	RGB 173 119 232	#AD77E8

#DCCBFF #D2BCFB #C9ADF7 #C19FF3 #B991EF #B384EB #AD77E8

#DCCBFF - #C19FF3 - #AD77E8

CSS codes

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

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