#DBCBEB - #AF79DB | 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 #DBCBEB to #AF79DB

#DBCBEB #AF79DB

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

#DBCBEB - #AF79DB | 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 #DBCBEB as 0% and #AF79DB as 100%.

0.0%	0.0% #DBCBEB	RGB 219 203 235	#DBCBEB
16.7%	16.7% #D3BDE8	RGB 211 189 232	#D3BDE8
33.3%	33.3% #CCAFE5	RGB 204 175 229	#CCAFE5
50.0%	50.0% #C5A2E3	RGB 197 162 227	#C5A2E3
66.7%	66.7% #BD94E0	RGB 189 148 224	#BD94E0
83.3%	83.3% #B686DD	RGB 182 134 221	#B686DD
100.0%	100.0% #AF79DB	RGB 175 121 219	#AF79DB

#DBCBEB #D3BDE8 #CCAFE5 #C5A2E3 #BD94E0 #B686DD #AF79DB

#DBCBEB - #AF79DB

HSV Blend

#DBCBEB - #AF79DB | 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 #DBCBEB as 0% and #AF79DB as 100%.

0.0%	0.0% #DBCBEB	RGB 219 203 235	#DBCBEB
16.7%	16.7% #D2BCE8	RGB 210 188 232	#D2BCE8
33.3%	33.3% #CBAEE5	RGB 203 174 229	#CBAEE5
50.0%	50.0% #C3A0E3	RGB 195 160 227	#C3A0E3
66.7%	66.7% #BC93E0	RGB 188 147 224	#BC93E0
83.3%	83.3% #B585DD	RGB 181 133 221	#B585DD
100.0%	100.0% #AF79DB	RGB 175 121 219	#AF79DB

#DBCBEB #D2BCE8 #CBAEE5 #C3A0E3 #BC93E0 #B585DD #AF79DB

#DBCBEB - #C3A0E3 - #AF79DB

CSS codes

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

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