#5E94AC - #CECFC2 | 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 #5E94AC to #CECFC2

#5E94AC #CECFC2

Calculate the color between two colors, #5E94AC and #CECFC2. 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)

#5E94AC - #CECFC2 | 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 #5E94AC as 0% and #CECFC2 as 100%.

0.0%	0.0% #5E94AC	RGB 94 148 172	#5E94AC
16.7%	16.7% #709DAF	RGB 112 157 175	#709DAF
33.3%	33.3% #83A7B3	RGB 131 167 179	#83A7B3
50.0%	50.0% #96B1B7	RGB 150 177 183	#96B1B7
66.7%	66.7% #A8BBBA	RGB 168 187 186	#A8BBBA
83.3%	83.3% #BBC5BE	RGB 187 197 190	#BBC5BE
100.0%	100.0% #CECFC2	RGB 206 207 194	#CECFC2

#5E94AC #709DAF #83A7B3 #96B1B7 #A8BBBA #BBC5BE #CECFC2

#5E94AC - #CECFC2

HSV Blend

#5E94AC - #CECFC2 | 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 #5E94AC as 0% and #CECFC2 as 100%.

0.0%	0.0% #5E94AC	RGB 94 148 172	#5E94AC
16.7%	16.7% #6CB1AD	RGB 108 177 173	#6CB1AD
33.3%	33.3% #7CB79D	RGB 124 183 157	#7CB79D
50.0%	50.0% #8CBD95	RGB 140 189 149	#8CBD95
66.7%	66.7% #A4C39D	RGB 164 195 157	#A4C39D
83.3%	83.3% #BDC9AF	RGB 189 201 175	#BDC9AF
100.0%	100.0% #CECFC2	RGB 206 207 194	#CECFC2

#5E94AC #6CB1AD #7CB79D #8CBD95 #A4C39D #BDC9AF #CECFC2

#5E94AC - #8CBD95 - #CECFC2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E94AC 0%, #8CBD95 50%, #CECFC2 100%);
    background: -webkit-linear-gradient(top, #5E94AC 0%, #8CBD95 50%, #CECFC2 100%);
    background: linear-gradient(to bottom, #5E94AC 0%, #8CBD95 50%, #CECFC2 100%);
}
</style>