#924D4D - #DFCCCC | 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 #924D4D to #DFCCCC

#924D4D #DFCCCC

Calculate the color between two colors, #924D4D and #DFCCCC. 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)

#924D4D - #DFCCCC | 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 #924D4D as 0% and #DFCCCC as 100%.

0.0%	0.0% #924D4D	RGB 146 77 77	#924D4D
16.7%	16.7% #9E6262	RGB 158 98 98	#9E6262
33.3%	33.3% #AB7777	RGB 171 119 119	#AB7777
50.0%	50.0% #B88C8C	RGB 184 140 140	#B88C8C
66.7%	66.7% #C5A1A1	RGB 197 161 161	#C5A1A1
83.3%	83.3% #D2B6B6	RGB 210 182 182	#D2B6B6
100.0%	100.0% #DFCCCC	RGB 223 204 204	#DFCCCC

#924D4D #9E6262 #AB7777 #B88C8C #C5A1A1 #D2B6B6 #DFCCCC

#924D4D - #DFCCCC

HSV Blend

#924D4D - #DFCCCC | 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 #924D4D as 0% and #DFCCCC as 100%.

0.0%	0.0% #924D4D	RGB 146 77 77	#924D4D
16.7%	16.7% #9E5E5E	RGB 158 94 94	#9E5E5E
33.3%	33.3% #AB7070	RGB 171 112 112	#AB7070
50.0%	50.0% #B88585	RGB 184 133 133	#B88585
66.7%	66.7% #C59B9B	RGB 197 155 155	#C59B9B
83.3%	83.3% #D2B2B2	RGB 210 178 178	#D2B2B2
100.0%	100.0% #DFCCCC	RGB 223 204 204	#DFCCCC

#924D4D #9E5E5E #AB7070 #B88585 #C59B9B #D2B2B2 #DFCCCC

#924D4D - #B88585 - #DFCCCC

CSS codes

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

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