#DAD4D4 - #B0868C | 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 #DAD4D4 to #B0868C

#DAD4D4 #B0868C

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

#DAD4D4 - #B0868C | 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 #DAD4D4 as 0% and #B0868C as 100%.

0.0%	0.0% #DAD4D4	RGB 218 212 212	#DAD4D4
16.7%	16.7% #D3C7C8	RGB 211 199 200	#D3C7C8
33.3%	33.3% #CCBABC	RGB 204 186 188	#CCBABC
50.0%	50.0% #C5ADB0	RGB 197 173 176	#C5ADB0
66.7%	66.7% #BEA0A4	RGB 190 160 164	#BEA0A4
83.3%	83.3% #B79398	RGB 183 147 152	#B79398
100.0%	100.0% #B0868C	RGB 176 134 140	#B0868C

#DAD4D4 #D3C7C8 #CCBABC #C5ADB0 #BEA0A4 #B79398 #B0868C

#DAD4D4 - #B0868C

HSV Blend

#DAD4D4 - #B0868C | 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 #DAD4D4 as 0% and #B0868C as 100%.

0.0%	0.0% #DAD4D4	RGB 218 212 212	#DAD4D4
16.7%	16.7% #D3C5C6	RGB 211 197 198	#D3C5C6
33.3%	33.3% #CCB8B8	RGB 204 184 184	#CCB8B8
50.0%	50.0% #C5AAAC	RGB 197 170 172	#C5AAAC
66.7%	66.7% #BE9EA1	RGB 190 158 161	#BE9EA1
83.3%	83.3% #B79196	RGB 183 145 150	#B79196
100.0%	100.0% #B0868C	RGB 176 134 140	#B0868C

#DAD4D4 #D3C5C6 #CCB8B8 #C5AAAC #BE9EA1 #B79196 #B0868C

#DAD4D4 - #C5AAAC - #B0868C

CSS codes

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

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