#301E5E - #A06286 | 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 #301E5E to #A06286

#301E5E #A06286

Calculate the color between two colors, #301E5E and #A06286. 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)

#301E5E - #A06286 | 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 #301E5E as 0% and #A06286 as 100%.

0.0%	0.0% #301E5E	RGB 48 30 94	#301E5E
16.7%	16.7% #422964	RGB 66 41 100	#422964
33.3%	33.3% #55346B	RGB 85 52 107	#55346B
50.0%	50.0% #684072	RGB 104 64 114	#684072
66.7%	66.7% #7A4B78	RGB 122 75 120	#7A4B78
83.3%	83.3% #8D567F	RGB 141 86 127	#8D567F
100.0%	100.0% #A06286	RGB 160 98 134	#A06286

#301E5E #422964 #55346B #684072 #7A4B78 #8D567F #A06286

#301E5E - #A06286

HSV Blend

#301E5E - #A06286 | 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 #301E5E as 0% and #A06286 as 100%.

0.0%	0.0% #301E5E	RGB 48 30 94	#301E5E
16.7%	16.7% #452669	RGB 69 38 105	#452669
33.3%	33.3% #5D3074	RGB 93 48 116	#5D3074
50.0%	50.0% #743B7F	RGB 116 59 127	#743B7F
66.7%	66.7% #8A4787	RGB 138 71 135	#8A4787
83.3%	83.3% #955386	RGB 149 83 134	#955386
100.0%	100.0% #A06286	RGB 160 98 134	#A06286

#301E5E #452669 #5D3074 #743B7F #8A4787 #955386 #A06286

#301E5E - #743B7F - #A06286

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #301E5E 0%, #743B7F 50%, #A06286 100%);
    background: -webkit-linear-gradient(top, #301E5E 0%, #743B7F 50%, #A06286 100%);
    background: linear-gradient(to bottom, #301E5E 0%, #743B7F 50%, #A06286 100%);
}
</style>