#C5E2E1 - #6793AE | 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 #C5E2E1 to #6793AE

#C5E2E1 #6793AE

Calculate the color between two colors, #C5E2E1 and #6793AE. 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)

#C5E2E1 - #6793AE | 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 #C5E2E1 as 0% and #6793AE as 100%.

0.0%	0.0% #C5E2E1	RGB 197 226 225	#C5E2E1
16.7%	16.7% #B5D4D8	RGB 181 212 216	#B5D4D8
33.3%	33.3% #A5C7D0	RGB 165 199 208	#A5C7D0
50.0%	50.0% #96BAC7	RGB 150 186 199	#96BAC7
66.7%	66.7% #86ADBF	RGB 134 173 191	#86ADBF
83.3%	83.3% #76A0B6	RGB 118 160 182	#76A0B6
100.0%	100.0% #6793AE	RGB 103 147 174	#6793AE

#C5E2E1 #B5D4D8 #A5C7D0 #96BAC7 #86ADBF #76A0B6 #6793AE

#C5E2E1 - #6793AE

HSV Blend

#C5E2E1 - #6793AE | 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 #C5E2E1 as 0% and #6793AE as 100%.

0.0%	0.0% #C5E2E1	RGB 197 226 225	#C5E2E1
16.7%	16.7% #B3D8D9	RGB 179 216 217	#B3D8D9
33.3%	33.3% #A2CBD0	RGB 162 203 208	#A2CBD0
50.0%	50.0% #92BEC8	RGB 146 190 200	#92BEC8
66.7%	66.7% #83B0BF	RGB 131 176 191	#83B0BF
83.3%	83.3% #74A2B6	RGB 116 162 182	#74A2B6
100.0%	100.0% #6793AE	RGB 103 147 174	#6793AE

#C5E2E1 #B3D8D9 #A2CBD0 #92BEC8 #83B0BF #74A2B6 #6793AE

#C5E2E1 - #92BEC8 - #6793AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E2E1 0%, #92BEC8 50%, #6793AE 100%);
    background: -webkit-linear-gradient(top, #C5E2E1 0%, #92BEC8 50%, #6793AE 100%);
    background: linear-gradient(to bottom, #C5E2E1 0%, #92BEC8 50%, #6793AE 100%);
}
</style>