#AE5E8F - #740E3F | 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 #AE5E8F to #740E3F

#AE5E8F #740E3F

Calculate the color between two colors, #AE5E8F and #740E3F. 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)

#AE5E8F - #740E3F | 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 #AE5E8F as 0% and #740E3F as 100%.

0.0%	0.0% #AE5E8F	RGB 174 94 143	#AE5E8F
16.7%	16.7% #A45081	RGB 164 80 129	#A45081
33.3%	33.3% #9A4374	RGB 154 67 116	#9A4374
50.0%	50.0% #913667	RGB 145 54 103	#913667
66.7%	66.7% #872859	RGB 135 40 89	#872859
83.3%	83.3% #7D1B4C	RGB 125 27 76	#7D1B4C
100.0%	100.0% #740E3F	RGB 116 14 63	#740E3F

#AE5E8F #A45081 #9A4374 #913667 #872859 #7D1B4C #740E3F

#AE5E8F - #740E3F

HSV Blend

#AE5E8F - #740E3F | 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 #AE5E8F as 0% and #740E3F as 100%.

0.0%	0.0% #AE5E8F	RGB 174 94 143	#AE5E8F
16.7%	16.7% #A44D80	RGB 164 77 128	#A44D80
33.3%	33.3% #9A3D72	RGB 154 61 114	#9A3D72
50.0%	50.0% #912F64	RGB 145 47 100	#912F64
66.7%	66.7% #872357	RGB 135 35 87	#872357
83.3%	83.3% #7D174B	RGB 125 23 75	#7D174B
100.0%	100.0% #740E3F	RGB 116 14 63	#740E3F

#AE5E8F #A44D80 #9A3D72 #912F64 #872357 #7D174B #740E3F

#AE5E8F - #912F64 - #740E3F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AE5E8F 0%, #912F64 50%, #740E3F 100%);
    background: -webkit-linear-gradient(top, #AE5E8F 0%, #912F64 50%, #740E3F 100%);
    background: linear-gradient(to bottom, #AE5E8F 0%, #912F64 50%, #740E3F 100%);
}
</style>