#DFCFEB - #806DB5 | 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 #DFCFEB to #806DB5

#DFCFEB #806DB5

Calculate the color between two colors, #DFCFEB and #806DB5. 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)

#DFCFEB - #806DB5 | 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 #DFCFEB as 0% and #806DB5 as 100%.

0.0%	0.0% #DFCFEB	RGB 223 207 235	#DFCFEB
16.7%	16.7% #CFBEE2	RGB 207 190 226	#CFBEE2
33.3%	33.3% #BFAED9	RGB 191 174 217	#BFAED9
50.0%	50.0% #AF9ED0	RGB 175 158 208	#AF9ED0
66.7%	66.7% #9F8DC7	RGB 159 141 199	#9F8DC7
83.3%	83.3% #8F7DBE	RGB 143 125 190	#8F7DBE
100.0%	100.0% #806DB5	RGB 128 109 181	#806DB5

#DFCFEB #CFBEE2 #BFAED9 #AF9ED0 #9F8DC7 #8F7DBE #806DB5

#DFCFEB - #806DB5

HSV Blend

#DFCFEB - #806DB5 | 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 #DFCFEB as 0% and #806DB5 as 100%.

0.0%	0.0% #DFCFEB	RGB 223 207 235	#DFCFEB
16.7%	16.7% #D0BCE2	RGB 208 188 226	#D0BCE2
33.3%	33.3% #C0AAD9	RGB 192 170 217	#C0AAD9
50.0%	50.0% #B09AD0	RGB 176 154 208	#B09AD0
66.7%	66.7% #A08AC7	RGB 160 138 199	#A08AC7
83.3%	83.3% #907BBE	RGB 144 123 190	#907BBE
100.0%	100.0% #806DB5	RGB 128 109 181	#806DB5

#DFCFEB #D0BCE2 #C0AAD9 #B09AD0 #A08AC7 #907BBE #806DB5

#DFCFEB - #B09AD0 - #806DB5

CSS codes

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

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