#291B5E - #14053D | 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 #291B5E to #14053D

#291B5E #14053D

Calculate the color between two colors, #291B5E and #14053D. 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)

#291B5E - #14053D | 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 #291B5E as 0% and #14053D as 100%.

0.0%	0.0% #291B5E	RGB 41 27 94	#291B5E
16.7%	16.7% #251758	RGB 37 23 88	#251758
33.3%	33.3% #221353	RGB 34 19 83	#221353
50.0%	50.0% #1E104D	RGB 30 16 77	#1E104D
66.7%	66.7% #1B0C48	RGB 27 12 72	#1B0C48
83.3%	83.3% #170842	RGB 23 8 66	#170842
100.0%	100.0% #14053D	RGB 20 5 61	#14053D

#291B5E #251758 #221353 #1E104D #1B0C48 #170842 #14053D

#291B5E - #14053D

HSV Blend

#291B5E - #14053D | 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 #291B5E as 0% and #14053D as 100%.

0.0%	0.0% #291B5E	RGB 41 27 94	#291B5E
16.7%	16.7% #241658	RGB 36 22 88	#241658
33.3%	33.3% #201253	RGB 32 18 83	#201253
50.0%	50.0% #1D0E4D	RGB 29 14 77	#1D0E4D
66.7%	66.7% #1A0A48	RGB 26 10 72	#1A0A48
83.3%	83.3% #160742	RGB 22 7 66	#160742
100.0%	100.0% #14053D	RGB 20 5 61	#14053D

#291B5E #241658 #201253 #1D0E4D #1A0A48 #160742 #14053D

#291B5E - #1D0E4D - #14053D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #291B5E 0%, #1D0E4D 50%, #14053D 100%);
    background: -webkit-linear-gradient(top, #291B5E 0%, #1D0E4D 50%, #14053D 100%);
    background: linear-gradient(to bottom, #291B5E 0%, #1D0E4D 50%, #14053D 100%);
}
</style>