#550007 - #AF5E89 | 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 #550007 to #AF5E89

#550007 #AF5E89

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

#550007 - #AF5E89 | 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 #550007 as 0% and #AF5E89 as 100%.

0.0%	0.0% #550007	RGB 85 0 7	#550007
16.7%	16.7% #640F1C	RGB 100 15 28	#640F1C
33.3%	33.3% #731F32	RGB 115 31 50	#731F32
50.0%	50.0% #822F48	RGB 130 47 72	#822F48
66.7%	66.7% #913E5D	RGB 145 62 93	#913E5D
83.3%	83.3% #A04E73	RGB 160 78 115	#A04E73
100.0%	100.0% #AF5E89	RGB 175 94 137	#AF5E89

#550007 #640F1C #731F32 #822F48 #913E5D #A04E73 #AF5E89

#550007 - #AF5E89

HSV Blend

#550007 - #AF5E89 | 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 #550007 as 0% and #AF5E89 as 100%.

0.0%	0.0% #550007	RGB 85 0 7	#550007
16.7%	16.7% #640817	RGB 100 8 23	#640817
33.3%	33.3% #73142A	RGB 115 20 42	#73142A
50.0%	50.0% #822240	RGB 130 34 64	#822240
66.7%	66.7% #913357	RGB 145 51 87	#913357
83.3%	83.3% #A0476F	RGB 160 71 111	#A0476F
100.0%	100.0% #AF5E89	RGB 175 94 137	#AF5E89

#550007 #640817 #73142A #822240 #913357 #A0476F #AF5E89

#550007 - #822240 - #AF5E89

CSS codes

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

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