#5E97B6 - #254B6A | 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 #5E97B6 to #254B6A

#5E97B6 #254B6A

Calculate the color between two colors, #5E97B6 and #254B6A. 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)

#5E97B6 - #254B6A | 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 #5E97B6 as 0% and #254B6A as 100%.

0.0%	0.0% #5E97B6	RGB 94 151 182	#5E97B6
16.7%	16.7% #548AA9	RGB 84 138 169	#548AA9
33.3%	33.3% #4B7D9C	RGB 75 125 156	#4B7D9C
50.0%	50.0% #417190	RGB 65 113 144	#417190
66.7%	66.7% #386483	RGB 56 100 131	#386483
83.3%	83.3% #2E5776	RGB 46 87 118	#2E5776
100.0%	100.0% #254B6A	RGB 37 75 106	#254B6A

#5E97B6 #548AA9 #4B7D9C #417190 #386483 #2E5776 #254B6A

#5E97B6 - #254B6A

HSV Blend

#5E97B6 - #254B6A | 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 #5E97B6 as 0% and #254B6A as 100%.

0.0%	0.0% #5E97B6	RGB 94 151 182	#5E97B6
16.7%	16.7% #5289A9	RGB 82 137 169	#5289A9
33.3%	33.3% #487C9C	RGB 72 124 156	#487C9C
50.0%	50.0% #3E6F90	RGB 62 111 144	#3E6F90
66.7%	66.7% #356283	RGB 53 98 131	#356283
83.3%	83.3% #2C5676	RGB 44 86 118	#2C5676
100.0%	100.0% #254B6A	RGB 37 75 106	#254B6A

#5E97B6 #5289A9 #487C9C #3E6F90 #356283 #2C5676 #254B6A

#5E97B6 - #3E6F90 - #254B6A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E97B6 0%, #3E6F90 50%, #254B6A 100%);
    background: -webkit-linear-gradient(top, #5E97B6 0%, #3E6F90 50%, #254B6A 100%);
    background: linear-gradient(to bottom, #5E97B6 0%, #3E6F90 50%, #254B6A 100%);
}
</style>