#28C5E5 - #C1EEF7 | 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 #28C5E5 to #C1EEF7

#28C5E5 #C1EEF7

Calculate the color between two colors, #28C5E5 and #C1EEF7. 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)

#28C5E5 - #C1EEF7 | 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 #28C5E5 as 0% and #C1EEF7 as 100%.

0.0%	0.0% #28C5E5	RGB 40 197 229	#28C5E5
16.7%	16.7% #41CBE8	RGB 65 203 232	#41CBE8
33.3%	33.3% #5BD2EB	RGB 91 210 235	#5BD2EB
50.0%	50.0% #74D9EE	RGB 116 217 238	#74D9EE
66.7%	66.7% #8EE0F1	RGB 142 224 241	#8EE0F1
83.3%	83.3% #A7E7F4	RGB 167 231 244	#A7E7F4
100.0%	100.0% #C1EEF7	RGB 193 238 247	#C1EEF7

#28C5E5 #41CBE8 #5BD2EB #74D9EE #8EE0F1 #A7E7F4 #C1EEF7

#28C5E5 - #C1EEF7

HSV Blend

#28C5E5 - #C1EEF7 | 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 #28C5E5 as 0% and #C1EEF7 as 100%.

0.0%	0.0% #28C5E5	RGB 40 197 229	#28C5E5
16.7%	16.7% #3FCBE8	RGB 63 203 232	#3FCBE8
33.3%	33.3% #58D2EB	RGB 88 210 235	#58D2EB
50.0%	50.0% #71D9EE	RGB 113 217 238	#71D9EE
66.7%	66.7% #8BE0F1	RGB 139 224 241	#8BE0F1
83.3%	83.3% #A5E6F4	RGB 165 230 244	#A5E6F4
100.0%	100.0% #C1EEF7	RGB 193 238 247	#C1EEF7

#28C5E5 #3FCBE8 #58D2EB #71D9EE #8BE0F1 #A5E6F4 #C1EEF7

#28C5E5 - #71D9EE - #C1EEF7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #28C5E5 0%, #71D9EE 50%, #C1EEF7 100%);
    background: -webkit-linear-gradient(top, #28C5E5 0%, #71D9EE 50%, #C1EEF7 100%);
    background: linear-gradient(to bottom, #28C5E5 0%, #71D9EE 50%, #C1EEF7 100%);
}
</style>