#712A57 - #CF3E6E | 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 #712A57 to #CF3E6E

#712A57 #CF3E6E

Calculate the color between two colors, #712A57 and #CF3E6E. 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)

#712A57 - #CF3E6E | 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 #712A57 as 0% and #CF3E6E as 100%.

0.0%	0.0% #712A57	RGB 113 42 87	#712A57
16.7%	16.7% #802D5A	RGB 128 45 90	#802D5A
33.3%	33.3% #90305E	RGB 144 48 94	#90305E
50.0%	50.0% #A03462	RGB 160 52 98	#A03462
66.7%	66.7% #AF3766	RGB 175 55 102	#AF3766
83.3%	83.3% #BF3A6A	RGB 191 58 106	#BF3A6A
100.0%	100.0% #CF3E6E	RGB 207 62 110	#CF3E6E

#712A57 #802D5A #90305E #A03462 #AF3766 #BF3A6A #CF3E6E

#712A57 - #CF3E6E

HSV Blend

#712A57 - #CF3E6E | 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 #712A57 as 0% and #CF3E6E as 100%.

0.0%	0.0% #712A57	RGB 113 42 87	#712A57
16.7%	16.7% #802E5E	RGB 128 46 94	#802E5E
33.3%	33.3% #903264	RGB 144 50 100	#903264
50.0%	50.0% #A03568	RGB 160 53 104	#A03568
66.7%	66.7% #AF386C	RGB 175 56 108	#AF386C
83.3%	83.3% #BF3B6D	RGB 191 59 109	#BF3B6D
100.0%	100.0% #CF3E6E	RGB 207 62 110	#CF3E6E

#712A57 #802E5E #903264 #A03568 #AF386C #BF3B6D #CF3E6E

#712A57 - #A03568 - #CF3E6E

CSS codes

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

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