#261E5E - #848C9D | 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 #261E5E to #848C9D

#261E5E #848C9D

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

#261E5E - #848C9D | 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 #261E5E as 0% and #848C9D as 100%.

0.0%	0.0% #261E5E	RGB 38 30 94	#261E5E
16.7%	16.7% #353068	RGB 53 48 104	#353068
33.3%	33.3% #454273	RGB 69 66 115	#454273
50.0%	50.0% #55557D	RGB 85 85 125	#55557D
66.7%	66.7% #646788	RGB 100 103 136	#646788
83.3%	83.3% #747992	RGB 116 121 146	#747992
100.0%	100.0% #848C9D	RGB 132 140 157	#848C9D

#261E5E #353068 #454273 #55557D #646788 #747992 #848C9D

#261E5E - #848C9D

HSV Blend

#261E5E - #848C9D | 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 #261E5E as 0% and #848C9D as 100%.

0.0%	0.0% #261E5E	RGB 38 30 94	#261E5E
16.7%	16.7% #2D2A68	RGB 45 42 104	#2D2A68
33.3%	33.3% #383A73	RGB 56 58 115	#383A73
50.0%	50.0% #484D7D	RGB 72 77 125	#484D7D
66.7%	66.7% #5A6288	RGB 90 98 136	#5A6288
83.3%	83.3% #6E7792	RGB 110 119 146	#6E7792
100.0%	100.0% #848C9D	RGB 132 140 157	#848C9D

#261E5E #2D2A68 #383A73 #484D7D #5A6288 #6E7792 #848C9D

#261E5E - #484D7D - #848C9D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #261E5E 0%, #484D7D 50%, #848C9D 100%);
    background: -webkit-linear-gradient(top, #261E5E 0%, #484D7D 50%, #848C9D 100%);
    background: linear-gradient(to bottom, #261E5E 0%, #484D7D 50%, #848C9D 100%);
}
</style>