#A4448D - #68003B | 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 #A4448D to #68003B

#A4448D #68003B

Calculate the color between two colors, #A4448D and #68003B. 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)

#A4448D - #68003B | 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 #A4448D as 0% and #68003B as 100%.

0.0%	0.0% #A4448D	RGB 164 68 141	#A4448D
16.7%	16.7% #9A387F	RGB 154 56 127	#9A387F
33.3%	33.3% #902D71	RGB 144 45 113	#902D71
50.0%	50.0% #862264	RGB 134 34 100	#862264
66.7%	66.7% #7C1656	RGB 124 22 86	#7C1656
83.3%	83.3% #720B48	RGB 114 11 72	#720B48
100.0%	100.0% #68003B	RGB 104 0 59	#68003B

#A4448D #9A387F #902D71 #862264 #7C1656 #720B48 #68003B

#A4448D - #68003B

HSV Blend

#A4448D - #68003B | 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 #A4448D as 0% and #68003B as 100%.

0.0%	0.0% #A4448D	RGB 164 68 141	#A4448D
16.7%	16.7% #9A357E	RGB 154 53 126	#9A357E
33.3%	33.3% #902770	RGB 144 39 112	#902770
50.0%	50.0% #861B62	RGB 134 27 98	#861B62
66.7%	66.7% #7C1154	RGB 124 17 84	#7C1154
83.3%	83.3% #720747	RGB 114 7 71	#720747
100.0%	100.0% #68003B	RGB 104 0 59	#68003B

#A4448D #9A357E #902770 #861B62 #7C1154 #720747 #68003B

#A4448D - #861B62 - #68003B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A4448D 0%, #861B62 50%, #68003B 100%);
    background: -webkit-linear-gradient(top, #A4448D 0%, #861B62 50%, #68003B 100%);
    background: linear-gradient(to bottom, #A4448D 0%, #861B62 50%, #68003B 100%);
}
</style>