#1A8ACF - #11437C | 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 #1A8ACF to #11437C

#1A8ACF #11437C

Calculate the color between two colors, #1A8ACF and #11437C. 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)

#1A8ACF - #11437C | 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 #1A8ACF as 0% and #11437C as 100%.

0.0%	0.0% #1A8ACF	RGB 26 138 207	#1A8ACF
16.7%	16.7% #187EC1	RGB 24 126 193	#187EC1
33.3%	33.3% #1772B3	RGB 23 114 179	#1772B3
50.0%	50.0% #1566A5	RGB 21 102 165	#1566A5
66.7%	66.7% #145A97	RGB 20 90 151	#145A97
83.3%	83.3% #124E89	RGB 18 78 137	#124E89
100.0%	100.0% #11437C	RGB 17 67 124	#11437C

#1A8ACF #187EC1 #1772B3 #1566A5 #145A97 #124E89 #11437C

#1A8ACF - #11437C

HSV Blend

#1A8ACF - #11437C | 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 #1A8ACF as 0% and #11437C as 100%.

0.0%	0.0% #1A89CF	RGB 26 137 207	#1A89CF
16.7%	16.7% #187CC1	RGB 24 124 193	#187CC1
33.3%	33.3% #176FB3	RGB 23 111 179	#176FB3
50.0%	50.0% #1563A5	RGB 21 99 165	#1563A5
66.7%	66.7% #145897	RGB 20 88 151	#145897
83.3%	83.3% #124D89	RGB 18 77 137	#124D89
100.0%	100.0% #11437C	RGB 17 67 124	#11437C

#1A89CF #187CC1 #176FB3 #1563A5 #145897 #124D89 #11437C

#1A8ACF - #1563A5 - #11437C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A89CF 0%, #1563A5 50%, #11437C 100%);
    background: -webkit-linear-gradient(top, #1A89CF 0%, #1563A5 50%, #11437C 100%);
    background: linear-gradient(to bottom, #1A89CF 0%, #1563A5 50%, #11437C 100%);
}
</style>