#125E5E - #2D93AD | 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 #125E5E to #2D93AD

#125E5E #2D93AD

Calculate the color between two colors, #125E5E and #2D93AD. 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)

#125E5E - #2D93AD | 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 #125E5E as 0% and #2D93AD as 100%.

0.0%	0.0% #125E5E	RGB 18 94 94	#125E5E
16.7%	16.7% #16666B	RGB 22 102 107	#16666B
33.3%	33.3% #1B6F78	RGB 27 111 120	#1B6F78
50.0%	50.0% #1F7885	RGB 31 120 133	#1F7885
66.7%	66.7% #248192	RGB 36 129 146	#248192
83.3%	83.3% #288A9F	RGB 40 138 159	#288A9F
100.0%	100.0% #2D93AD	RGB 45 147 173	#2D93AD

#125E5E #16666B #1B6F78 #1F7885 #248192 #288A9F #2D93AD

#125E5E - #2D93AD

HSV Blend

#125E5E - #2D93AD | 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 #125E5E as 0% and #2D93AD as 100%.

0.0%	0.0% #115E5E	RGB 17 94 94	#115E5E
16.7%	16.7% #15686B	RGB 21 104 107	#15686B
33.3%	33.3% #197178	RGB 25 113 120	#197178
50.0%	50.0% #1E7B85	RGB 30 123 133	#1E7B85
66.7%	66.7% #228392	RGB 34 131 146	#228392
83.3%	83.3% #278B9F	RGB 39 139 159	#278B9F
100.0%	100.0% #2D93AD	RGB 45 147 173	#2D93AD

#115E5E #15686B #197178 #1E7B85 #228392 #278B9F #2D93AD

#125E5E - #1E7B85 - #2D93AD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #115E5E 0%, #1E7B85 50%, #2D93AD 100%);
    background: -webkit-linear-gradient(top, #115E5E 0%, #1E7B85 50%, #2D93AD 100%);
    background: linear-gradient(to bottom, #115E5E 0%, #1E7B85 50%, #2D93AD 100%);
}
</style>