#702941 - #D0695B | 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 #702941 to #D0695B

#702941 #D0695B

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

#702941 - #D0695B | 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 #702941 as 0% and #D0695B as 100%.

0.0%	0.0% #702941	RGB 112 41 65	#702941
16.7%	16.7% #803345	RGB 128 51 69	#803345
33.3%	33.3% #903E49	RGB 144 62 73	#903E49
50.0%	50.0% #A0494E	RGB 160 73 78	#A0494E
66.7%	66.7% #B05352	RGB 176 83 82	#B05352
83.3%	83.3% #C05E56	RGB 192 94 86	#C05E56
100.0%	100.0% #D0695B	RGB 208 105 91	#D0695B

#702941 #803345 #903E49 #A0494E #B05352 #C05E56 #D0695B

#702941 - #D0695B

HSV Blend

#702941 - #D0695B | 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 #702941 as 0% and #D0695B as 100%.

0.0%	0.0% #702940	RGB 112 41 64	#702940
16.7%	16.7% #803045	RGB 128 48 69	#803045
33.3%	33.3% #903848	RGB 144 56 72	#903848
50.0%	50.0% #A0404A	RGB 160 64 74	#A0404A
66.7%	66.7% #B0484C	RGB 176 72 76	#B0484C
83.3%	83.3% #C05651	RGB 192 86 81	#C05651
100.0%	100.0% #D0695B	RGB 208 105 91	#D0695B

#702940 #803045 #903848 #A0404A #B0484C #C05651 #D0695B

#702941 - #A0404A - #D0695B

CSS codes

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

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