#5E93B2 - #CACEC6 | 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 #5E93B2 to #CACEC6

#5E93B2 #CACEC6

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

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

0.0%	0.0% #5E93B2	RGB 94 147 178	#5E93B2
16.7%	16.7% #709CB5	RGB 112 156 181	#709CB5
33.3%	33.3% #82A6B8	RGB 130 166 184	#82A6B8
50.0%	50.0% #94B0BC	RGB 148 176 188	#94B0BC
66.7%	66.7% #A6BABF	RGB 166 186 191	#A6BABF
83.3%	83.3% #B8C4C2	RGB 184 196 194	#B8C4C2
100.0%	100.0% #CACEC6	RGB 202 206 198	#CACEC6

#5E93B2 #709CB5 #82A6B8 #94B0BC #A6BABF #B8C4C2 #CACEC6

#5E93B2 - #CACEC6

HSV Blend

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

0.0%	0.0% #5E93B2	RGB 94 147 178	#5E93B2
16.7%	16.7% #6DB2B6	RGB 109 178 182	#6DB2B6
33.3%	33.3% #7DBBAB	RGB 125 187 171	#7DBBAB
50.0%	50.0% #8EC0A4	RGB 142 192 164	#8EC0A4
66.7%	66.7% #A0C4A5	RGB 160 196 165	#A0C4A5
83.3%	83.3% #B7C9B2	RGB 183 201 178	#B7C9B2
100.0%	100.0% #CACEC6	RGB 202 206 198	#CACEC6

#5E93B2 #6DB2B6 #7DBBAB #8EC0A4 #A0C4A5 #B7C9B2 #CACEC6

#5E93B2 - #8EC0A4 - #CACEC6

CSS codes

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

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