#DD9C8C - #C14F39 | 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 #DD9C8C to #C14F39

#DD9C8C #C14F39

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

#DD9C8C - #C14F39 | 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 #DD9C8C as 0% and #C14F39 as 100%.

0.0%	0.0% #DD9C8C	RGB 221 156 140	#DD9C8C
16.7%	16.7% #D88F7E	RGB 216 143 126	#D88F7E
33.3%	33.3% #D38270	RGB 211 130 112	#D38270
50.0%	50.0% #CF7562	RGB 207 117 98	#CF7562
66.7%	66.7% #CA6854	RGB 202 104 84	#CA6854
83.3%	83.3% #C55B46	RGB 197 91 70	#C55B46
100.0%	100.0% #C14F39	RGB 193 79 57	#C14F39

#DD9C8C #D88F7E #D38270 #CF7562 #CA6854 #C55B46 #C14F39

#DD9C8C - #C14F39

HSV Blend

#DD9C8C - #C14F39 | 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 #DD9C8C as 0% and #C14F39 as 100%.

0.0%	0.0% #DD9C8C	RGB 221 156 140	#DD9C8C
16.7%	16.7% #D88E7C	RGB 216 142 124	#D88E7C
33.3%	33.3% #D3816E	RGB 211 129 110	#D3816E
50.0%	50.0% #CF7460	RGB 207 116 96	#CF7460
66.7%	66.7% #CA6752	RGB 202 103 82	#CA6752
83.3%	83.3% #C55B45	RGB 197 91 69	#C55B45
100.0%	100.0% #C14F39	RGB 193 79 57	#C14F39

#DD9C8C #D88E7C #D3816E #CF7460 #CA6752 #C55B45 #C14F39

#DD9C8C - #CF7460 - #C14F39

CSS codes

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

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