#4A8EC2 - #152837 | 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 #4A8EC2 to #152837

#4A8EC2 #152837

Calculate the color between two colors, #4A8EC2 and #152837. 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)

#4A8EC2 - #152837 | 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 #4A8EC2 as 0% and #152837 as 100%.

0.0%	0.0% #4A8EC2	RGB 74 142 194	#4A8EC2
16.7%	16.7% #417DAA	RGB 65 125 170	#417DAA
33.3%	33.3% #386C93	RGB 56 108 147	#386C93
50.0%	50.0% #2F5B7C	RGB 47 91 124	#2F5B7C
66.7%	66.7% #264A65	RGB 38 74 101	#264A65
83.3%	83.3% #1D394E	RGB 29 57 78	#1D394E
100.0%	100.0% #152837	RGB 21 40 55	#152837

#4A8EC2 #417DAA #386C93 #2F5B7C #264A65 #1D394E #152837

#4A8EC2 - #152837

HSV Blend

#4A8EC2 - #152837 | 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 #4A8EC2 as 0% and #152837 as 100%.

0.0%	0.0% #4A8EC2	RGB 74 142 194	#4A8EC2
16.7%	16.7% #417CAA	RGB 65 124 170	#417CAA
33.3%	33.3% #386B93	RGB 56 107 147	#386B93
50.0%	50.0% #2F5A7C	RGB 47 90 124	#2F5A7C
66.7%	66.7% #264965	RGB 38 73 101	#264965
83.3%	83.3% #1D384E	RGB 29 56 78	#1D384E
100.0%	100.0% #152837	RGB 21 40 55	#152837

#4A8EC2 #417CAA #386B93 #2F5A7C #264965 #1D384E #152837

#4A8EC2 - #2F5A7C - #152837

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A8EC2 0%, #2F5A7C 50%, #152837 100%);
    background: -webkit-linear-gradient(top, #4A8EC2 0%, #2F5A7C 50%, #152837 100%);
    background: linear-gradient(to bottom, #4A8EC2 0%, #2F5A7C 50%, #152837 100%);
}
</style>