#D4D4D4 - #BD869F | 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 #D4D4D4 to #BD869F

#D4D4D4 #BD869F

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

#D4D4D4 - #BD869F | 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 #D4D4D4 as 0% and #BD869F as 100%.

0.0%	0.0% #D4D4D4	RGB 212 212 212	#D4D4D4
16.7%	16.7% #D0C7CB	RGB 208 199 203	#D0C7CB
33.3%	33.3% #CCBAC2	RGB 204 186 194	#CCBAC2
50.0%	50.0% #C8ADB9	RGB 200 173 185	#C8ADB9
66.7%	66.7% #C4A0B0	RGB 196 160 176	#C4A0B0
83.3%	83.3% #C093A7	RGB 192 147 167	#C093A7
100.0%	100.0% #BD869F	RGB 189 134 159	#BD869F

#D4D4D4 #D0C7CB #CCBAC2 #C8ADB9 #C4A0B0 #C093A7 #BD869F

#D4D4D4 - #BD869F

HSV Blend

#D4D4D4 - #BD869F | 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 #D4D4D4 as 0% and #BD869F as 100%.

0.0%	0.0% #D4D4D4	RGB 212 212 212	#D4D4D4
16.7%	16.7% #D0C6C6	RGB 208 198 198	#D0C6C6
33.3%	33.3% #CCB8BB	RGB 204 184 187	#CCB8BB
50.0%	50.0% #C8ABB1	RGB 200 171 177	#C8ABB1
66.7%	66.7% #C49EAA	RGB 196 158 170	#C49EAA
83.3%	83.3% #C092A3	RGB 192 146 163	#C092A3
100.0%	100.0% #BD869F	RGB 189 134 159	#BD869F

#D4D4D4 #D0C6C6 #CCB8BB #C8ABB1 #C49EAA #C092A3 #BD869F

#D4D4D4 - #C8ABB1 - #BD869F

CSS codes

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

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