#0061AF - #61BFE4 | 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 #0061AF to #61BFE4

#0061AF #61BFE4

Calculate the color between two colors, #0061AF and #61BFE4. 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)

#0061AF - #61BFE4 | 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 #0061AF as 0% and #61BFE4 as 100%.

0.0%	0.0% #0061AF	RGB 0 97 175	#0061AF
16.7%	16.7% #1070B7	RGB 16 112 183	#1070B7
33.3%	33.3% #2080C0	RGB 32 128 192	#2080C0
50.0%	50.0% #3090C9	RGB 48 144 201	#3090C9
66.7%	66.7% #409FD2	RGB 64 159 210	#409FD2
83.3%	83.3% #50AFDB	RGB 80 175 219	#50AFDB
100.0%	100.0% #61BFE4	RGB 97 191 228	#61BFE4

#0061AF #1070B7 #2080C0 #3090C9 #409FD2 #50AFDB #61BFE4

#0061AF - #61BFE4

HSV Blend

#0061AF - #61BFE4 | 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 #0061AF as 0% and #61BFE4 as 100%.

0.0%	0.0% #0061AF	RGB 0 97 175	#0061AF
16.7%	16.7% #0D70B7	RGB 13 112 183	#0D70B7
33.3%	33.3% #1B7FC0	RGB 27 127 192	#1B7FC0
50.0%	50.0% #2A8FC9	RGB 42 143 201	#2A8FC9
66.7%	66.7% #3B9FD2	RGB 59 159 210	#3B9FD2
83.3%	83.3% #4DAFDB	RGB 77 175 219	#4DAFDB
100.0%	100.0% #61BFE4	RGB 97 191 228	#61BFE4

#0061AF #0D70B7 #1B7FC0 #2A8FC9 #3B9FD2 #4DAFDB #61BFE4

#0061AF - #2A8FC9 - #61BFE4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0061AF 0%, #2A8FC9 50%, #61BFE4 100%);
    background: -webkit-linear-gradient(top, #0061AF 0%, #2A8FC9 50%, #61BFE4 100%);
    background: linear-gradient(to bottom, #0061AF 0%, #2A8FC9 50%, #61BFE4 100%);
}
</style>