#DBB6B5 - #C06060 | 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 #DBB6B5 to #C06060

#DBB6B5 #C06060

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

#DBB6B5 - #C06060 | 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 #DBB6B5 as 0% and #C06060 as 100%.

0.0%	0.0% #DBB6B5	RGB 219 182 181	#DBB6B5
16.7%	16.7% #D6A7A6	RGB 214 167 166	#D6A7A6
33.3%	33.3% #D29998	RGB 210 153 152	#D29998
50.0%	50.0% #CD8B8A	RGB 205 139 138	#CD8B8A
66.7%	66.7% #C97C7C	RGB 201 124 124	#C97C7C
83.3%	83.3% #C46E6E	RGB 196 110 110	#C46E6E
100.0%	100.0% #C06060	RGB 192 96 96	#C06060

#DBB6B5 #D6A7A6 #D29998 #CD8B8A #C97C7C #C46E6E #C06060

#DBB6B5 - #C06060

HSV Blend

#DBB6B5 - #C06060 | 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 #DBB6B5 as 0% and #C06060 as 100%.

0.0%	0.0% #DBB6B5	RGB 219 182 181	#DBB6B5
16.7%	16.7% #D6A6A5	RGB 214 166 165	#D6A6A5
33.3%	33.3% #D29796	RGB 210 151 150	#D29796
50.0%	50.0% #CD8988	RGB 205 137 136	#CD8988
66.7%	66.7% #C97B7A	RGB 201 123 122	#C97B7A
83.3%	83.3% #C46D6C	RGB 196 109 108	#C46D6C
100.0%	100.0% #C06060	RGB 192 96 96	#C06060

#DBB6B5 #D6A6A5 #D29796 #CD8988 #C97B7A #C46D6C #C06060

#DBB6B5 - #CD8988 - #C06060

CSS codes

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

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