#25A3A8 - #C0E5E6 | 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 #25A3A8 to #C0E5E6

#25A3A8 #C0E5E6

Calculate the color between two colors, #25A3A8 and #C0E5E6. 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)

#25A3A8 - #C0E5E6 | 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 #25A3A8 as 0% and #C0E5E6 as 100%.

0.0%	0.0% #25A3A8	RGB 37 163 168	#25A3A8
16.7%	16.7% #3EAEB2	RGB 62 174 178	#3EAEB2
33.3%	33.3% #58B9BC	RGB 88 185 188	#58B9BC
50.0%	50.0% #72C4C7	RGB 114 196 199	#72C4C7
66.7%	66.7% #8CCFD1	RGB 140 207 209	#8CCFD1
83.3%	83.3% #A6DADB	RGB 166 218 219	#A6DADB
100.0%	100.0% #C0E5E6	RGB 192 229 230	#C0E5E6

#25A3A8 #3EAEB2 #58B9BC #72C4C7 #8CCFD1 #A6DADB #C0E5E6

#25A3A8 - #C0E5E6

HSV Blend

#25A3A8 - #C0E5E6 | 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 #25A3A8 as 0% and #C0E5E6 as 100%.

0.0%	0.0% #25A3A8	RGB 37 163 168	#25A3A8
16.7%	16.7% #39ADB2	RGB 57 173 178	#39ADB2
33.3%	33.3% #50B8BC	RGB 80 184 188	#50B8BC
50.0%	50.0% #68C3C7	RGB 104 195 199	#68C3C7
66.7%	66.7% #83CED1	RGB 131 206 209	#83CED1
83.3%	83.3% #A0DADB	RGB 160 218 219	#A0DADB
100.0%	100.0% #C0E5E6	RGB 192 229 230	#C0E5E6

#25A3A8 #39ADB2 #50B8BC #68C3C7 #83CED1 #A0DADB #C0E5E6

#25A3A8 - #68C3C7 - #C0E5E6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #25A3A8 0%, #68C3C7 50%, #C0E5E6 100%);
    background: -webkit-linear-gradient(top, #25A3A8 0%, #68C3C7 50%, #C0E5E6 100%);
    background: linear-gradient(to bottom, #25A3A8 0%, #68C3C7 50%, #C0E5E6 100%);
}
</style>