#C2E5DF - #6BAFAA | 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 #C2E5DF to #6BAFAA

#C2E5DF #6BAFAA

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

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

0.0%	0.0% #C2E5DF	RGB 194 229 223	#C2E5DF
16.7%	16.7% #B3DCD6	RGB 179 220 214	#B3DCD6
33.3%	33.3% #A5D3CD	RGB 165 211 205	#A5D3CD
50.0%	50.0% #96CAC4	RGB 150 202 196	#96CAC4
66.7%	66.7% #88C1BB	RGB 136 193 187	#88C1BB
83.3%	83.3% #79B8B2	RGB 121 184 178	#79B8B2
100.0%	100.0% #6BAFAA	RGB 107 175 170	#6BAFAA

#C2E5DF #B3DCD6 #A5D3CD #96CAC4 #88C1BB #79B8B2 #6BAFAA

#C2E5DF - #6BAFAA

HSV Blend

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

0.0%	0.0% #C2E5DF	RGB 194 229 223	#C2E5DF
16.7%	16.7% #B1DCD5	RGB 177 220 213	#B1DCD5
33.3%	33.3% #A2D3CC	RGB 162 211 204	#A2D3CC
50.0%	50.0% #93CAC3	RGB 147 202 195	#93CAC3
66.7%	66.7% #85C1BA	RGB 133 193 186	#85C1BA
83.3%	83.3% #77B8B2	RGB 119 184 178	#77B8B2
100.0%	100.0% #6BAFAA	RGB 107 175 170	#6BAFAA

#C2E5DF #B1DCD5 #A2D3CC #93CAC3 #85C1BA #77B8B2 #6BAFAA

#C2E5DF - #93CAC3 - #6BAFAA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2E5DF 0%, #93CAC3 50%, #6BAFAA 100%);
    background: -webkit-linear-gradient(top, #C2E5DF 0%, #93CAC3 50%, #6BAFAA 100%);
    background: linear-gradient(to bottom, #C2E5DF 0%, #93CAC3 50%, #6BAFAA 100%);
}
</style>