#B6B5B5 - #DAB4CE | 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 #B6B5B5 to #DAB4CE

#B6B5B5 #DAB4CE

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

#B6B5B5 - #DAB4CE | 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 #B6B5B5 as 0% and #DAB4CE as 100%.

0.0%	0.0% #B6B5B5	RGB 182 181 181	#B6B5B5
16.7%	16.7% #BCB4B9	RGB 188 180 185	#BCB4B9
33.3%	33.3% #C2B4BD	RGB 194 180 189	#C2B4BD
50.0%	50.0% #C8B4C1	RGB 200 180 193	#C8B4C1
66.7%	66.7% #CEB4C5	RGB 206 180 197	#CEB4C5
83.3%	83.3% #D4B4C9	RGB 212 180 201	#D4B4C9
100.0%	100.0% #DAB4CE	RGB 218 180 206	#DAB4CE

#B6B5B5 #BCB4B9 #C2B4BD #C8B4C1 #CEB4C5 #D4B4C9 #DAB4CE

#B6B5B5 - #DAB4CE

HSV Blend

#B6B5B5 - #DAB4CE | 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 #B6B5B5 as 0% and #DAB4CE as 100%.

0.0%	0.0% #B6B5B5	RGB 182 181 181	#B6B5B5
16.7%	16.7% #BCB5B6	RGB 188 181 182	#BCB5B6
33.3%	33.3% #C2B6B8	RGB 194 182 184	#C2B6B8
50.0%	50.0% #C8B6BC	RGB 200 182 188	#C8B6BC
66.7%	66.7% #CEB5C0	RGB 206 181 192	#CEB5C0
83.3%	83.3% #D4B5C6	RGB 212 181 198	#D4B5C6
100.0%	100.0% #DAB4CE	RGB 218 180 206	#DAB4CE

#B6B5B5 #BCB5B6 #C2B6B8 #C8B6BC #CEB5C0 #D4B5C6 #DAB4CE

#B6B5B5 - #C8B6BC - #DAB4CE

CSS codes

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

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