#65CDB5 - #C5E6FB | 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 #65CDB5 to #C5E6FB

#65CDB5 #C5E6FB

Calculate the color between two colors, #65CDB5 and #C5E6FB. 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)

#65CDB5 - #C5E6FB | 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 #65CDB5 as 0% and #C5E6FB as 100%.

0.0%	0.0% #65CDB5	RGB 101 205 181	#65CDB5
16.7%	16.7% #75D1C0	RGB 117 209 192	#75D1C0
33.3%	33.3% #85D5CC	RGB 133 213 204	#85D5CC
50.0%	50.0% #95D9D8	RGB 149 217 216	#95D9D8
66.7%	66.7% #A5DDE3	RGB 165 221 227	#A5DDE3
83.3%	83.3% #B5E1EF	RGB 181 225 239	#B5E1EF
100.0%	100.0% #C5E6FB	RGB 197 230 251	#C5E6FB

#65CDB5 #75D1C0 #85D5CC #95D9D8 #A5DDE3 #B5E1EF #C5E6FB

#65CDB5 - #C5E6FB

HSV Blend

#65CDB5 - #C5E6FB | 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 #65CDB5 as 0% and #C5E6FB as 100%.

0.0%	0.0% #65CDB5	RGB 101 205 181	#65CDB5
16.7%	16.7% #73D4C8	RGB 115 212 200	#73D4C8
33.3%	33.3% #82DCDA	RGB 130 220 218	#82DCDA
50.0%	50.0% #91DDE4	RGB 145 221 228	#91DDE4
66.7%	66.7% #A2DEEB	RGB 162 222 235	#A2DEEB
83.3%	83.3% #B3E0F3	RGB 179 224 243	#B3E0F3
100.0%	100.0% #C5E6FB	RGB 197 230 251	#C5E6FB

#65CDB5 #73D4C8 #82DCDA #91DDE4 #A2DEEB #B3E0F3 #C5E6FB

#65CDB5 - #91DDE4 - #C5E6FB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #65CDB5 0%, #91DDE4 50%, #C5E6FB 100%);
    background: -webkit-linear-gradient(top, #65CDB5 0%, #91DDE4 50%, #C5E6FB 100%);
    background: linear-gradient(to bottom, #65CDB5 0%, #91DDE4 50%, #C5E6FB 100%);
}
</style>