#DBB2D9 - #B54893 | 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 #DBB2D9 to #B54893

#DBB2D9 #B54893

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

#DBB2D9 - #B54893 | 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 #DBB2D9 as 0% and #B54893 as 100%.

0.0%	0.0% #DBB2D9	RGB 219 178 217	#DBB2D9
16.7%	16.7% #D4A0CD	RGB 212 160 205	#D4A0CD
33.3%	33.3% #CE8EC1	RGB 206 142 193	#CE8EC1
50.0%	50.0% #C87DB6	RGB 200 125 182	#C87DB6
66.7%	66.7% #C16BAA	RGB 193 107 170	#C16BAA
83.3%	83.3% #BB599E	RGB 187 89 158	#BB599E
100.0%	100.0% #B54893	RGB 181 72 147	#B54893

#DBB2D9 #D4A0CD #CE8EC1 #C87DB6 #C16BAA #BB599E #B54893

#DBB2D9 - #B54893

HSV Blend

#DBB2D9 - #B54893 | 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 #DBB2D9 as 0% and #B54893 as 100%.

0.0%	0.0% #DBB2D9	RGB 219 178 217	#DBB2D9
16.7%	16.7% #D49ECF	RGB 212 158 207	#D49ECF
33.3%	33.3% #CE8BC5	RGB 206 139 197	#CE8BC5
50.0%	50.0% #C879B9	RGB 200 121 185	#C879B9
66.7%	66.7% #C167AD	RGB 193 103 173	#C167AD
83.3%	83.3% #BB57A0	RGB 187 87 160	#BB57A0
100.0%	100.0% #B54893	RGB 181 72 147	#B54893

#DBB2D9 #D49ECF #CE8BC5 #C879B9 #C167AD #BB57A0 #B54893

#DBB2D9 - #C879B9 - #B54893

CSS codes

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

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