#36A5AF - #C5E5E8 | 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 #36A5AF to #C5E5E8

#36A5AF #C5E5E8

Calculate the color between two colors, #36A5AF and #C5E5E8. 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)

#36A5AF - #C5E5E8 | 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 #36A5AF as 0% and #C5E5E8 as 100%.

0.0%	0.0% #36A5AF	RGB 54 165 175	#36A5AF
16.7%	16.7% #4DAFB8	RGB 77 175 184	#4DAFB8
33.3%	33.3% #65BAC2	RGB 101 186 194	#65BAC2
50.0%	50.0% #7DC5CB	RGB 125 197 203	#7DC5CB
66.7%	66.7% #95CFD5	RGB 149 207 213	#95CFD5
83.3%	83.3% #ADDADE	RGB 173 218 222	#ADDADE
100.0%	100.0% #C5E5E8	RGB 197 229 232	#C5E5E8

#36A5AF #4DAFB8 #65BAC2 #7DC5CB #95CFD5 #ADDADE #C5E5E8

#36A5AF - #C5E5E8

HSV Blend

#36A5AF - #C5E5E8 | 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 #36A5AF as 0% and #C5E5E8 as 100%.

0.0%	0.0% #36A5AF	RGB 54 165 175	#36A5AF
16.7%	16.7% #49AFB8	RGB 73 175 184	#49AFB8
33.3%	33.3% #5EB9C2	RGB 94 185 194	#5EB9C2
50.0%	50.0% #75C4CB	RGB 117 196 203	#75C4CB
66.7%	66.7% #8ECFD5	RGB 142 207 213	#8ECFD5
83.3%	83.3% #A8D9DE	RGB 168 217 222	#A8D9DE
100.0%	100.0% #C5E5E8	RGB 197 229 232	#C5E5E8

#36A5AF #49AFB8 #5EB9C2 #75C4CB #8ECFD5 #A8D9DE #C5E5E8

#36A5AF - #75C4CB - #C5E5E8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #36A5AF 0%, #75C4CB 50%, #C5E5E8 100%);
    background: -webkit-linear-gradient(top, #36A5AF 0%, #75C4CB 50%, #C5E5E8 100%);
    background: linear-gradient(to bottom, #36A5AF 0%, #75C4CB 50%, #C5E5E8 100%);
}
</style>