#DBADD2 - #B2458A | 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 #DBADD2 to #B2458A

#DBADD2 #B2458A

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

#DBADD2 - #B2458A | 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 #DBADD2 as 0% and #B2458A as 100%.

0.0%	0.0% #DBADD2	RGB 219 173 210	#DBADD2
16.7%	16.7% #D49BC6	RGB 212 155 198	#D49BC6
33.3%	33.3% #CD8ABA	RGB 205 138 186	#CD8ABA
50.0%	50.0% #C679AE	RGB 198 121 174	#C679AE
66.7%	66.7% #BF67A2	RGB 191 103 162	#BF67A2
83.3%	83.3% #B85696	RGB 184 86 150	#B85696
100.0%	100.0% #B2458A	RGB 178 69 138	#B2458A

#DBADD2 #D49BC6 #CD8ABA #C679AE #BF67A2 #B85696 #B2458A

#DBADD2 - #B2458A

HSV Blend

#DBADD2 - #B2458A | 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 #DBADD2 as 0% and #B2458A as 100%.

0.0%	0.0% #DBADD2	RGB 219 173 210	#DBADD2
16.7%	16.7% #D499C6	RGB 212 153 198	#D499C6
33.3%	33.3% #CD86BB	RGB 205 134 187	#CD86BB
50.0%	50.0% #C674AF	RGB 198 116 175	#C674AF
66.7%	66.7% #BF64A3	RGB 191 100 163	#BF64A3
83.3%	83.3% #B85496	RGB 184 84 150	#B85496
100.0%	100.0% #B2458A	RGB 178 69 138	#B2458A

#DBADD2 #D499C6 #CD86BB #C674AF #BF64A3 #B85496 #B2458A

#DBADD2 - #C674AF - #B2458A

CSS codes

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

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