#BDADAB - #EDBCDB | 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 #BDADAB to #EDBCDB

#BDADAB #EDBCDB

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

#BDADAB - #EDBCDB | 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 #BDADAB as 0% and #EDBCDB as 100%.

0.0%	0.0% #BDADAB	RGB 189 173 171	#BDADAB
16.7%	16.7% #C5AFB3	RGB 197 175 179	#C5AFB3
33.3%	33.3% #CDB2BB	RGB 205 178 187	#CDB2BB
50.0%	50.0% #D5B4C3	RGB 213 180 195	#D5B4C3
66.7%	66.7% #DDB7CB	RGB 221 183 203	#DDB7CB
83.3%	83.3% #E5B9D3	RGB 229 185 211	#E5B9D3
100.0%	100.0% #EDBCDB	RGB 237 188 219	#EDBCDB

#BDADAB #C5AFB3 #CDB2BB #D5B4C3 #DDB7CB #E5B9D3 #EDBCDB

#BDADAB - #EDBCDB

HSV Blend

#BDADAB - #EDBCDB | 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 #BDADAB as 0% and #EDBCDB as 100%.

0.0%	0.0% #BDADAB	RGB 189 173 171	#BDADAB
16.7%	16.7% #C5AEAE	RGB 197 174 174	#C5AEAE
33.3%	33.3% #CDB1B5	RGB 205 177 181	#CDB1B5
50.0%	50.0% #D5B4BD	RGB 213 180 189	#D5B4BD
66.7%	66.7% #DDB7C5	RGB 221 183 197	#DDB7C5
83.3%	83.3% #E5B9CF	RGB 229 185 207	#E5B9CF
100.0%	100.0% #EDBCDB	RGB 237 188 219	#EDBCDB

#BDADAB #C5AEAE #CDB1B5 #D5B4BD #DDB7C5 #E5B9CF #EDBCDB

#BDADAB - #D5B4BD - #EDBCDB

CSS codes

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

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