#0045AD - #9CFFC0 | 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 #0045AD to #9CFFC0

#0045AD #9CFFC0

Calculate the color between two colors, #0045AD and #9CFFC0. 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)

#0045AD - #9CFFC0 | 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 #0045AD as 0% and #9CFFC0 as 100%.

0.0%	0.0% #0045AD	RGB 0 69 173	#0045AD
16.7%	16.7% #1A64B0	RGB 26 100 176	#1A64B0
33.3%	33.3% #3483B3	RGB 52 131 179	#3483B3
50.0%	50.0% #4EA2B6	RGB 78 162 182	#4EA2B6
66.7%	66.7% #68C1B9	RGB 104 193 185	#68C1B9
83.3%	83.3% #82E0BC	RGB 130 224 188	#82E0BC
100.0%	100.0% #9CFFC0	RGB 156 255 192	#9CFFC0

#0045AD #1A64B0 #3483B3 #4EA2B6 #68C1B9 #82E0BC #9CFFC0

#0045AD - #9CFFC0

HSV Blend

#0045AD - #9CFFC0 | 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 #0045AD as 0% and #9CFFC0 as 100%.

0.0%	0.0% #0045AD	RGB 0 69 173	#0045AD
16.7%	16.7% #1378BA	RGB 19 120 186	#1378BA
33.3%	33.3% #28AAC8	RGB 40 170 200	#28AAC8
50.0%	50.0% #41D6D3	RGB 65 214 211	#41D6D3
66.7%	66.7% #5CE3C5	RGB 92 227 197	#5CE3C5
83.3%	83.3% #7BF1BE	RGB 123 241 190	#7BF1BE
100.0%	100.0% #9CFFC0	RGB 156 255 192	#9CFFC0

#0045AD #1378BA #28AAC8 #41D6D3 #5CE3C5 #7BF1BE #9CFFC0

#0045AD - #41D6D3 - #9CFFC0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0045AD 0%, #41D6D3 50%, #9CFFC0 100%);
    background: -webkit-linear-gradient(top, #0045AD 0%, #41D6D3 50%, #9CFFC0 100%);
    background: linear-gradient(to bottom, #0045AD 0%, #41D6D3 50%, #9CFFC0 100%);
}
</style>