#045A5E - #B7CFD1 | 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 #045A5E to #B7CFD1

#045A5E #B7CFD1

Calculate the color between two colors, #045A5E and #B7CFD1. 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)

#045A5E - #B7CFD1 | 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 #045A5E as 0% and #B7CFD1 as 100%.

0.0%	0.0% #045A5E	RGB 4 90 94	#045A5E
16.7%	16.7% #216D71	RGB 33 109 113	#216D71
33.3%	33.3% #3F8184	RGB 63 129 132	#3F8184
50.0%	50.0% #5D9497	RGB 93 148 151	#5D9497
66.7%	66.7% #7BA8AA	RGB 123 168 170	#7BA8AA
83.3%	83.3% #99BBBD	RGB 153 187 189	#99BBBD
100.0%	100.0% #B7CFD1	RGB 183 207 209	#B7CFD1

#045A5E #216D71 #3F8184 #5D9497 #7BA8AA #99BBBD #B7CFD1

#045A5E - #B7CFD1

HSV Blend

#045A5E - #B7CFD1 | 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 #045A5E as 0% and #B7CFD1 as 100%.

0.0%	0.0% #03595E	RGB 3 89 94	#03595E
16.7%	16.7% #146C71	RGB 20 108 113	#146C71
33.3%	33.3% #2A7F84	RGB 42 127 132	#2A7F84
50.0%	50.0% #459297	RGB 69 146 151	#459297
66.7%	66.7% #66A6AA	RGB 102 166 170	#66A6AA
83.3%	83.3% #8BBABD	RGB 139 186 189	#8BBABD
100.0%	100.0% #B7CFD1	RGB 183 207 209	#B7CFD1

#03595E #146C71 #2A7F84 #459297 #66A6AA #8BBABD #B7CFD1

#045A5E - #459297 - #B7CFD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #03595E 0%, #459297 50%, #B7CFD1 100%);
    background: -webkit-linear-gradient(top, #03595E 0%, #459297 50%, #B7CFD1 100%);
    background: linear-gradient(to bottom, #03595E 0%, #459297 50%, #B7CFD1 100%);
}
</style>