#68B5E8 - #1E65B1 | 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 #68B5E8 to #1E65B1

#68B5E8 #1E65B1

Calculate the color between two colors, #68B5E8 and #1E65B1. 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)

#68B5E8 - #1E65B1 | 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 #68B5E8 as 0% and #1E65B1 as 100%.

0.0%	0.0% #68B5E8	RGB 104 181 232	#68B5E8
16.7%	16.7% #5BA7DE	RGB 91 167 222	#5BA7DE
33.3%	33.3% #4F9AD5	RGB 79 154 213	#4F9AD5
50.0%	50.0% #438DCC	RGB 67 141 204	#438DCC
66.7%	66.7% #367FC3	RGB 54 127 195	#367FC3
83.3%	83.3% #2A72BA	RGB 42 114 186	#2A72BA
100.0%	100.0% #1E65B1	RGB 30 101 177	#1E65B1

#68B5E8 #5BA7DE #4F9AD5 #438DCC #367FC3 #2A72BA #1E65B1

#68B5E8 - #1E65B1

HSV Blend

#68B5E8 - #1E65B1 | 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 #68B5E8 as 0% and #1E65B1 as 100%.

0.0%	0.0% #68B5E8	RGB 104 181 232	#68B5E8
16.7%	16.7% #59A7DE	RGB 89 167 222	#59A7DE
33.3%	33.3% #4B99D5	RGB 75 153 213	#4B99D5
50.0%	50.0% #3F8BCC	RGB 63 139 204	#3F8BCC
66.7%	66.7% #337EC3	RGB 51 126 195	#337EC3
83.3%	83.3% #2871BA	RGB 40 113 186	#2871BA
100.0%	100.0% #1E65B1	RGB 30 101 177	#1E65B1

#68B5E8 #59A7DE #4B99D5 #3F8BCC #337EC3 #2871BA #1E65B1

#68B5E8 - #3F8BCC - #1E65B1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #68B5E8 0%, #3F8BCC 50%, #1E65B1 100%);
    background: -webkit-linear-gradient(top, #68B5E8 0%, #3F8BCC 50%, #1E65B1 100%);
    background: linear-gradient(to bottom, #68B5E8 0%, #3F8BCC 50%, #1E65B1 100%);
}
</style>