#5E95B0 - #CDD0C5 | 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 #5E95B0 to #CDD0C5

#5E95B0 #CDD0C5

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

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

0.0%	0.0% #5E95B0	RGB 94 149 176	#5E95B0
16.7%	16.7% #709EB3	RGB 112 158 179	#709EB3
33.3%	33.3% #83A8B7	RGB 131 168 183	#83A8B7
50.0%	50.0% #95B2BA	RGB 149 178 186	#95B2BA
66.7%	66.7% #A8BCBE	RGB 168 188 190	#A8BCBE
83.3%	83.3% #BAC6C1	RGB 186 198 193	#BAC6C1
100.0%	100.0% #CDD0C5	RGB 205 208 197	#CDD0C5

#5E95B0 #709EB3 #83A8B7 #95B2BA #A8BCBE #BAC6C1 #CDD0C5

#5E95B0 - #CDD0C5

HSV Blend

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

0.0%	0.0% #5E95B0	RGB 94 149 176	#5E95B0
16.7%	16.7% #6DB5B4	RGB 109 181 180	#6DB5B4
33.3%	33.3% #7DBAA4	RGB 125 186 164	#7DBAA4
50.0%	50.0% #8EC09D	RGB 142 192 157	#8EC09D
66.7%	66.7% #A1C59F	RGB 161 197 159	#A1C59F
83.3%	83.3% #BBCAB1	RGB 187 202 177	#BBCAB1
100.0%	100.0% #CDD0C5	RGB 205 208 197	#CDD0C5

#5E95B0 #6DB5B4 #7DBAA4 #8EC09D #A1C59F #BBCAB1 #CDD0C5

#5E95B0 - #8EC09D - #CDD0C5

CSS codes

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

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