#BC5E7C - #701F39 | 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 #BC5E7C to #701F39

#BC5E7C #701F39

Calculate the color between two colors, #BC5E7C and #701F39. 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)

#BC5E7C - #701F39 | 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 #BC5E7C as 0% and #701F39 as 100%.

0.0%	0.0% #BC5E7C	RGB 188 94 124	#BC5E7C
16.7%	16.7% #AF5370	RGB 175 83 112	#AF5370
33.3%	33.3% #A24965	RGB 162 73 101	#A24965
50.0%	50.0% #963E5A	RGB 150 62 90	#963E5A
66.7%	66.7% #89344F	RGB 137 52 79	#89344F
83.3%	83.3% #7C2944	RGB 124 41 68	#7C2944
100.0%	100.0% #701F39	RGB 112 31 57	#701F39

#BC5E7C #AF5370 #A24965 #963E5A #89344F #7C2944 #701F39

#BC5E7C - #701F39

HSV Blend

#BC5E7C - #701F39 | 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 #BC5E7C as 0% and #701F39 as 100%.

0.0%	0.0% #BC5E7C	RGB 188 94 124	#BC5E7C
16.7%	16.7% #AF516F	RGB 175 81 111	#AF516F
33.3%	33.3% #A24563	RGB 162 69 99	#A24563
50.0%	50.0% #963A57	RGB 150 58 87	#963A57
66.7%	66.7% #89304C	RGB 137 48 76	#89304C
83.3%	83.3% #7C2742	RGB 124 39 66	#7C2742
100.0%	100.0% #701F39	RGB 112 31 57	#701F39

#BC5E7C #AF516F #A24563 #963A57 #89304C #7C2742 #701F39

#BC5E7C - #963A57 - #701F39

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BC5E7C 0%, #963A57 50%, #701F39 100%);
    background: -webkit-linear-gradient(top, #BC5E7C 0%, #963A57 50%, #701F39 100%);
    background: linear-gradient(to bottom, #BC5E7C 0%, #963A57 50%, #701F39 100%);
}
</style>