#6FB7D3 - #C5E4B7 | 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 #6FB7D3 to #C5E4B7

#6FB7D3 #C5E4B7

Calculate the color between two colors, #6FB7D3 and #C5E4B7. 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)

#6FB7D3 - #C5E4B7 | 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 #6FB7D3 as 0% and #C5E4B7 as 100%.

0.0%	0.0% #6FB7D3	RGB 111 183 211	#6FB7D3
16.7%	16.7% #7DBECE	RGB 125 190 206	#7DBECE
33.3%	33.3% #8BC6C9	RGB 139 198 201	#8BC6C9
50.0%	50.0% #9ACDC5	RGB 154 205 197	#9ACDC5
66.7%	66.7% #A8D5C0	RGB 168 213 192	#A8D5C0
83.3%	83.3% #B6DCBB	RGB 182 220 187	#B6DCBB
100.0%	100.0% #C5E4B7	RGB 197 228 183	#C5E4B7

#6FB7D3 #7DBECE #8BC6C9 #9ACDC5 #A8D5C0 #B6DCBB #C5E4B7

#6FB7D3 - #C5E4B7

HSV Blend

#6FB7D3 - #C5E4B7 | 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 #6FB7D3 as 0% and #C5E4B7 as 100%.

0.0%	0.0% #6FB7D3	RGB 111 183 211	#6FB7D3
16.7%	16.7% #7AD4D5	RGB 122 212 213	#7AD4D5
33.3%	33.3% #85D8C3	RGB 133 216 195	#85D8C3
50.0%	50.0% #91DBB5	RGB 145 219 181	#91DBB5
66.7%	66.7% #9DDEAC	RGB 157 222 172	#9DDEAC
83.3%	83.3% #ACE1AA	RGB 172 225 170	#ACE1AA
100.0%	100.0% #C5E4B7	RGB 197 228 183	#C5E4B7

#6FB7D3 #7AD4D5 #85D8C3 #91DBB5 #9DDEAC #ACE1AA #C5E4B7

#6FB7D3 - #91DBB5 - #C5E4B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6FB7D3 0%, #91DBB5 50%, #C5E4B7 100%);
    background: -webkit-linear-gradient(top, #6FB7D3 0%, #91DBB5 50%, #C5E4B7 100%);
    background: linear-gradient(to bottom, #6FB7D3 0%, #91DBB5 50%, #C5E4B7 100%);
}
</style>