#459F9F - #B5D9A4 | 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 #459F9F to #B5D9A4

#459F9F #B5D9A4

Calculate the color between two colors, #459F9F and #B5D9A4. 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)

#459F9F - #B5D9A4 | 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 #459F9F as 0% and #B5D9A4 as 100%.

0.0%	0.0% #459F9F	RGB 69 159 159	#459F9F
16.7%	16.7% #57A89F	RGB 87 168 159	#57A89F
33.3%	33.3% #6AB2A0	RGB 106 178 160	#6AB2A0
50.0%	50.0% #7DBCA1	RGB 125 188 161	#7DBCA1
66.7%	66.7% #8FC5A2	RGB 143 197 162	#8FC5A2
83.3%	83.3% #A2CFA3	RGB 162 207 163	#A2CFA3
100.0%	100.0% #B5D9A4	RGB 181 217 164	#B5D9A4

#459F9F #57A89F #6AB2A0 #7DBCA1 #8FC5A2 #A2CFA3 #B5D9A4

#459F9F - #B5D9A4

HSV Blend

#459F9F - #B5D9A4 | 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 #459F9F as 0% and #B5D9A4 as 100%.

0.0%	0.0% #459F9F	RGB 69 159 159	#459F9F
16.7%	16.7% #52A895	RGB 82 168 149	#52A895
33.3%	33.3% #60B28E	RGB 96 178 142	#60B28E
50.0%	50.0% #6FBC89	RGB 111 188 137	#6FBC89
66.7%	66.7% #80C588	RGB 128 197 136	#80C588
83.3%	83.3% #97CF91	RGB 151 207 145	#97CF91
100.0%	100.0% #B5D9A4	RGB 181 217 164	#B5D9A4

#459F9F #52A895 #60B28E #6FBC89 #80C588 #97CF91 #B5D9A4

#459F9F - #6FBC89 - #B5D9A4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #459F9F 0%, #6FBC89 50%, #B5D9A4 100%);
    background: -webkit-linear-gradient(top, #459F9F 0%, #6FBC89 50%, #B5D9A4 100%);
    background: linear-gradient(to bottom, #459F9F 0%, #6FBC89 50%, #B5D9A4 100%);
}
</style>