#C6DBDB - #5AAAAC | 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 #C6DBDB to #5AAAAC

#C6DBDB #5AAAAC

Calculate the color between two colors, #C6DBDB and #5AAAAC. 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)

#C6DBDB - #5AAAAC | 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 #C6DBDB as 0% and #5AAAAC as 100%.

0.0%	0.0% #C6DBDB	RGB 198 219 219	#C6DBDB
16.7%	16.7% #B4D2D3	RGB 180 210 211	#B4D2D3
33.3%	33.3% #A2CACB	RGB 162 202 203	#A2CACB
50.0%	50.0% #90C2C3	RGB 144 194 195	#90C2C3
66.7%	66.7% #7EBABB	RGB 126 186 187	#7EBABB
83.3%	83.3% #6CB2B3	RGB 108 178 179	#6CB2B3
100.0%	100.0% #5AAAAC	RGB 90 170 172	#5AAAAC

#C6DBDB #B4D2D3 #A2CACB #90C2C3 #7EBABB #6CB2B3 #5AAAAC

#C6DBDB - #5AAAAC

HSV Blend

#C6DBDB - #5AAAAC | 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 #C6DBDB as 0% and #5AAAAC as 100%.

0.0%	0.0% #C6DBDB	RGB 198 219 219	#C6DBDB
16.7%	16.7% #B1D3D3	RGB 177 211 211	#B1D3D3
33.3%	33.3% #9ECACB	RGB 158 202 203	#9ECACB
50.0%	50.0% #8BC2C3	RGB 139 194 195	#8BC2C3
66.7%	66.7% #7ABABB	RGB 122 186 187	#7ABABB
83.3%	83.3% #69B2B3	RGB 105 178 179	#69B2B3
100.0%	100.0% #5AAAAC	RGB 90 170 172	#5AAAAC

#C6DBDB #B1D3D3 #9ECACB #8BC2C3 #7ABABB #69B2B3 #5AAAAC

#C6DBDB - #8BC2C3 - #5AAAAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6DBDB 0%, #8BC2C3 50%, #5AAAAC 100%);
    background: -webkit-linear-gradient(top, #C6DBDB 0%, #8BC2C3 50%, #5AAAAC 100%);
    background: linear-gradient(to bottom, #C6DBDB 0%, #8BC2C3 50%, #5AAAAC 100%);
}
</style>