#DFBDBD - #CC6E69 | 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 #DFBDBD to #CC6E69

#DFBDBD #CC6E69

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

#DFBDBD - #CC6E69 | 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 #DFBDBD as 0% and #CC6E69 as 100%.

0.0%	0.0% #DFBDBD	RGB 223 189 189	#DFBDBD
16.7%	16.7% #DBAFAF	RGB 219 175 175	#DBAFAF
33.3%	33.3% #D8A2A1	RGB 216 162 161	#D8A2A1
50.0%	50.0% #D59593	RGB 213 149 147	#D59593
66.7%	66.7% #D28885	RGB 210 136 133	#D28885
83.3%	83.3% #CF7B77	RGB 207 123 119	#CF7B77
100.0%	100.0% #CC6E69	RGB 204 110 105	#CC6E69

#DFBDBD #DBAFAF #D8A2A1 #D59593 #D28885 #CF7B77 #CC6E69

#DFBDBD - #CC6E69

HSV Blend

#DFBDBD - #CC6E69 | 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 #DFBDBD as 0% and #CC6E69 as 100%.

0.0%	0.0% #DFBDBD	RGB 223 189 189	#DFBDBD
16.7%	16.7% #DBAEAE	RGB 219 174 174	#DBAEAE
33.3%	33.3% #D8A09F	RGB 216 160 159	#D8A09F
50.0%	50.0% #D59391	RGB 213 147 145	#D59391
66.7%	66.7% #D28683	RGB 210 134 131	#D28683
83.3%	83.3% #CF7976	RGB 207 121 118	#CF7976
100.0%	100.0% #CC6E69	RGB 204 110 105	#CC6E69

#DFBDBD #DBAEAE #D8A09F #D59391 #D28683 #CF7976 #CC6E69

#DFBDBD - #D59391 - #CC6E69

CSS codes

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

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