#DCD2D7 - #B08091 | 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 #DCD2D7 to #B08091

#DCD2D7 #B08091

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

#DCD2D7 - #B08091 | 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 #DCD2D7 as 0% and #B08091 as 100%.

0.0%	0.0% #DCD2D7	RGB 220 210 215	#DCD2D7
16.7%	16.7% #D4C4CB	RGB 212 196 203	#D4C4CB
33.3%	33.3% #CDB6BF	RGB 205 182 191	#CDB6BF
50.0%	50.0% #C6A9B4	RGB 198 169 180	#C6A9B4
66.7%	66.7% #BE9BA8	RGB 190 155 168	#BE9BA8
83.3%	83.3% #B78D9C	RGB 183 141 156	#B78D9C
100.0%	100.0% #B08091	RGB 176 128 145	#B08091

#DCD2D7 #D4C4CB #CDB6BF #C6A9B4 #BE9BA8 #B78D9C #B08091

#DCD2D7 - #B08091

HSV Blend

#DCD2D7 - #B08091 | 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 #DCD2D7 as 0% and #B08091 as 100%.

0.0%	0.0% #DCD2D7	RGB 220 210 215	#DCD2D7
16.7%	16.7% #D4C2CB	RGB 212 194 203	#D4C2CB
33.3%	33.3% #CDB4BF	RGB 205 180 191	#CDB4BF
50.0%	50.0% #C6A6B3	RGB 198 166 179	#C6A6B3
66.7%	66.7% #BE99A8	RGB 190 153 168	#BE99A8
83.3%	83.3% #B78C9C	RGB 183 140 156	#B78C9C
100.0%	100.0% #B08091	RGB 176 128 145	#B08091

#DCD2D7 #D4C2CB #CDB4BF #C6A6B3 #BE99A8 #B78C9C #B08091

#DCD2D7 - #C6A6B3 - #B08091

CSS codes

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

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