#DBCED7 - #BA7EB3 | 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 #DBCED7 to #BA7EB3

#DBCED7 #BA7EB3

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

#DBCED7 - #BA7EB3 | 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 #DBCED7 as 0% and #BA7EB3 as 100%.

0.0%	0.0% #DBCED7	RGB 219 206 215	#DBCED7
16.7%	16.7% #D5C0D1	RGB 213 192 209	#D5C0D1
33.3%	33.3% #D0B3CB	RGB 208 179 203	#D0B3CB
50.0%	50.0% #CAA6C5	RGB 202 166 197	#CAA6C5
66.7%	66.7% #C598BF	RGB 197 152 191	#C598BF
83.3%	83.3% #BF8BB9	RGB 191 139 185	#BF8BB9
100.0%	100.0% #BA7EB3	RGB 186 126 179	#BA7EB3

#DBCED7 #D5C0D1 #D0B3CB #CAA6C5 #C598BF #BF8BB9 #BA7EB3

#DBCED7 - #BA7EB3

HSV Blend

#DBCED7 - #BA7EB3 | 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 #DBCED7 as 0% and #BA7EB3 as 100%.

0.0%	0.0% #DBCED7	RGB 219 206 215	#DBCED7
16.7%	16.7% #D5BFCF	RGB 213 191 207	#D5BFCF
33.3%	33.3% #D0B1C8	RGB 208 177 200	#D0B1C8
50.0%	50.0% #CAA3C2	RGB 202 163 194	#CAA3C2
66.7%	66.7% #C596BC	RGB 197 150 188	#C596BC
83.3%	83.3% #BF8AB7	RGB 191 138 183	#BF8AB7
100.0%	100.0% #BA7EB3	RGB 186 126 179	#BA7EB3

#DBCED7 #D5BFCF #D0B1C8 #CAA3C2 #C596BC #BF8AB7 #BA7EB3

#DBCED7 - #CAA3C2 - #BA7EB3

CSS codes

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

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