#312E7E - #AB7EAB | 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 #312E7E to #AB7EAB

#312E7E #AB7EAB

Calculate the color between two colors, #312E7E and #AB7EAB. 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)

#312E7E - #AB7EAB | 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 #312E7E as 0% and #AB7EAB as 100%.

0.0%	0.0% #312E7E	RGB 49 46 126	#312E7E
16.7%	16.7% #453B85	RGB 69 59 133	#453B85
33.3%	33.3% #59488D	RGB 89 72 141	#59488D
50.0%	50.0% #6E5694	RGB 110 86 148	#6E5694
66.7%	66.7% #82639C	RGB 130 99 156	#82639C
83.3%	83.3% #9670A3	RGB 150 112 163	#9670A3
100.0%	100.0% #AB7EAB	RGB 171 126 171	#AB7EAB

#312E7E #453B85 #59488D #6E5694 #82639C #9670A3 #AB7EAB

#312E7E - #AB7EAB

HSV Blend

#312E7E - #AB7EAB | 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 #312E7E as 0% and #AB7EAB as 100%.

0.0%	0.0% #302E7E	RGB 48 46 126	#302E7E
16.7%	16.7% #483985	RGB 72 57 133	#483985
33.3%	33.3% #5E448D	RGB 94 68 141	#5E448D
50.0%	50.0% #745194	RGB 116 81 148	#745194
66.7%	66.7% #885F9C	RGB 136 95 156	#885F9C
83.3%	83.3% #9A6EA3	RGB 154 110 163	#9A6EA3
100.0%	100.0% #AB7EAB	RGB 171 126 171	#AB7EAB

#302E7E #483985 #5E448D #745194 #885F9C #9A6EA3 #AB7EAB

#312E7E - #745194 - #AB7EAB

CSS codes

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

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