#0022DA - #8CFFC6 | 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 #0022DA to #8CFFC6

#0022DA #8CFFC6

Calculate the color between two colors, #0022DA and #8CFFC6. 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)

#0022DA - #8CFFC6 | 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 #0022DA as 0% and #8CFFC6 as 100%.

0.0%	0.0% #0022DA	RGB 0 34 218	#0022DA
16.7%	16.7% #1746D6	RGB 23 70 214	#1746D6
33.3%	33.3% #2E6BD3	RGB 46 107 211	#2E6BD3
50.0%	50.0% #4690D0	RGB 70 144 208	#4690D0
66.7%	66.7% #5DB5CC	RGB 93 181 204	#5DB5CC
83.3%	83.3% #74DAC9	RGB 116 218 201	#74DAC9
100.0%	100.0% #8CFFC6	RGB 140 255 198	#8CFFC6

#0022DA #1746D6 #2E6BD3 #4690D0 #5DB5CC #74DAC9 #8CFFC6

#0022DA - #8CFFC6

HSV Blend

#0022DA - #8CFFC6 | 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 #0022DA as 0% and #8CFFC6 as 100%.

0.0%	0.0% #0021DA	RGB 0 33 218	#0021DA
16.7%	16.7% #1461E0	RGB 20 97 224	#1461E0
33.3%	33.3% #2A9BE6	RGB 42 155 230	#2A9BE6
50.0%	50.0% #40CEEC	RGB 64 206 236	#40CEEC
66.7%	66.7% #58F2EB	RGB 88 242 235	#58F2EB
83.3%	83.3% #71F8D4	RGB 113 248 212	#71F8D4
100.0%	100.0% #8CFFC6	RGB 140 255 198	#8CFFC6

#0021DA #1461E0 #2A9BE6 #40CEEC #58F2EB #71F8D4 #8CFFC6

#0022DA - #40CEEC - #8CFFC6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0021DA 0%, #40CEEC 50%, #8CFFC6 100%);
    background: -webkit-linear-gradient(top, #0021DA 0%, #40CEEC 50%, #8CFFC6 100%);
    background: linear-gradient(to bottom, #0021DA 0%, #40CEEC 50%, #8CFFC6 100%);
}
</style>