#D64F7B - #880633 | 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 #D64F7B to #880633

#D64F7B #880633

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

#D64F7B - #880633 | 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 #D64F7B as 0% and #880633 as 100%.

0.0%	0.0% #D64F7B	RGB 214 79 123	#D64F7B
16.7%	16.7% #C9426F	RGB 201 66 111	#C9426F
33.3%	33.3% #BC3663	RGB 188 54 99	#BC3663
50.0%	50.0% #AF2A57	RGB 175 42 87	#AF2A57
66.7%	66.7% #A21E4B	RGB 162 30 75	#A21E4B
83.3%	83.3% #95123F	RGB 149 18 63	#95123F
100.0%	100.0% #880633	RGB 136 6 51	#880633

#D64F7B #C9426F #BC3663 #AF2A57 #A21E4B #95123F #880633

#D64F7B - #880633

HSV Blend

#D64F7B - #880633 | 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 #D64F7B as 0% and #880633 as 100%.

0.0%	0.0% #D64F7B	RGB 214 79 123	#D64F7B
16.7%	16.7% #C93F6C	RGB 201 63 108	#C93F6C
33.3%	33.3% #BC315F	RGB 188 49 95	#BC315F
50.0%	50.0% #AF2452	RGB 175 36 82	#AF2452
66.7%	66.7% #A21847	RGB 162 24 71	#A21847
83.3%	83.3% #950E3C	RGB 149 14 60	#950E3C
100.0%	100.0% #880633	RGB 136 6 51	#880633

#D64F7B #C93F6C #BC315F #AF2452 #A21847 #950E3C #880633

#D64F7B - #AF2452 - #880633

CSS codes

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

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