#C0EAEB - #F5EAEB | 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 #C0EAEB to #F5EAEB

#C0EAEB #F5EAEB

Calculate the color between two colors, #C0EAEB and #F5EAEB. 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)

#C0EAEB - #F5EAEB | 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 #C0EAEB as 0% and #F5EAEB as 100%.

0.0%	0.0% #C0EAEB	RGB 192 234 235	#C0EAEB
16.7%	16.7% #C8EAEB	RGB 200 234 235	#C8EAEB
33.3%	33.3% #D1EAEB	RGB 209 234 235	#D1EAEB
50.0%	50.0% #DAEAEB	RGB 218 234 235	#DAEAEB
66.7%	66.7% #E3EAEB	RGB 227 234 235	#E3EAEB
83.3%	83.3% #ECEAEB	RGB 236 234 235	#ECEAEB
100.0%	100.0% #F5EAEB	RGB 245 234 235	#F5EAEB

#C0EAEB #C8EAEB #D1EAEB #DAEAEB #E3EAEB #ECEAEB #F5EAEB

#C0EAEB - #F5EAEB

HSV Blend

#C0EAEB - #F5EAEB | 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 #C0EAEB as 0% and #F5EAEB as 100%.

0.0%	0.0% #C0EAEB	RGB 192 234 235	#C0EAEB
16.7%	16.7% #C6D9EC	RGB 198 217 236	#C6D9EC
33.3%	33.3% #CDCEEE	RGB 205 206 238	#CDCEEE
50.0%	50.0% #E1D4F0	RGB 225 212 240	#E1D4F0
66.7%	66.7% #F0DBF1	RGB 240 219 241	#F0DBF1
83.3%	83.3% #F3E2EC	RGB 243 226 236	#F3E2EC
100.0%	100.0% #F5EAEB	RGB 245 234 235	#F5EAEB

#C0EAEB #C6D9EC #CDCEEE #E1D4F0 #F0DBF1 #F3E2EC #F5EAEB

#C0EAEB - #E1D4F0 - #F5EAEB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0EAEB 0%, #E1D4F0 50%, #F5EAEB 100%);
    background: -webkit-linear-gradient(top, #C0EAEB 0%, #E1D4F0 50%, #F5EAEB 100%);
    background: linear-gradient(to bottom, #C0EAEB 0%, #E1D4F0 50%, #F5EAEB 100%);
}
</style>