#5E1616 - #AF6F99 | 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 #5E1616 to #AF6F99

#5E1616 #AF6F99

Calculate the color between two colors, #5E1616 and #AF6F99. 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)

#5E1616 - #AF6F99 | 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 #5E1616 as 0% and #AF6F99 as 100%.

0.0%	0.0% #5E1616	RGB 94 22 22	#5E1616
16.7%	16.7% #6B242B	RGB 107 36 43	#6B242B
33.3%	33.3% #793341	RGB 121 51 65	#793341
50.0%	50.0% #864257	RGB 134 66 87	#864257
66.7%	66.7% #94516D	RGB 148 81 109	#94516D
83.3%	83.3% #A16083	RGB 161 96 131	#A16083
100.0%	100.0% #AF6F99	RGB 175 111 153	#AF6F99

#5E1616 #6B242B #793341 #864257 #94516D #A16083 #AF6F99

#5E1616 - #AF6F99

HSV Blend

#5E1616 - #AF6F99 | 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 #5E1616 as 0% and #AF6F99 as 100%.

0.0%	0.0% #5E1515	RGB 94 21 21	#5E1515
16.7%	16.7% #6B2028	RGB 107 32 40	#6B2028
33.3%	33.3% #792C3D	RGB 121 44 61	#792C3D
50.0%	50.0% #863A53	RGB 134 58 83	#863A53
66.7%	66.7% #944A6A	RGB 148 74 106	#944A6A
83.3%	83.3% #A15B81	RGB 161 91 129	#A15B81
100.0%	100.0% #AF6F99	RGB 175 111 153	#AF6F99

#5E1515 #6B2028 #792C3D #863A53 #944A6A #A15B81 #AF6F99

#5E1616 - #863A53 - #AF6F99

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1515 0%, #863A53 50%, #AF6F99 100%);
    background: -webkit-linear-gradient(top, #5E1515 0%, #863A53 50%, #AF6F99 100%);
    background: linear-gradient(to bottom, #5E1515 0%, #863A53 50%, #AF6F99 100%);
}
</style>