#41526C - #C8CDD5 | 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 #41526C to #C8CDD5

#41526C #C8CDD5

Calculate the color between two colors, #41526C and #C8CDD5. 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)

#41526C - #C8CDD5 | 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 #41526C as 0% and #C8CDD5 as 100%.

0.0%	0.0% #41526C	RGB 65 82 108	#41526C
16.7%	16.7% #57667D	RGB 87 102 125	#57667D
33.3%	33.3% #6E7B8F	RGB 110 123 143	#6E7B8F
50.0%	50.0% #848FA0	RGB 132 143 160	#848FA0
66.7%	66.7% #9BA4B2	RGB 155 164 178	#9BA4B2
83.3%	83.3% #B1B8C3	RGB 177 184 195	#B1B8C3
100.0%	100.0% #C8CDD5	RGB 200 205 213	#C8CDD5

#41526C #57667D #6E7B8F #848FA0 #9BA4B2 #B1B8C3 #C8CDD5

#41526C - #C8CDD5

HSV Blend

#41526C - #C8CDD5 | 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 #41526C as 0% and #C8CDD5 as 100%.

0.0%	0.0% #41526C	RGB 65 82 108	#41526C
16.7%	16.7% #52637D	RGB 82 99 125	#52637D
33.3%	33.3% #66768F	RGB 102 118 143	#66768F
50.0%	50.0% #7B8AA0	RGB 123 138 160	#7B8AA0
66.7%	66.7% #939FB2	RGB 147 159 178	#939FB2
83.3%	83.3% #ACB5C3	RGB 172 181 195	#ACB5C3
100.0%	100.0% #C8CDD5	RGB 200 205 213	#C8CDD5

#41526C #52637D #66768F #7B8AA0 #939FB2 #ACB5C3 #C8CDD5

#41526C - #7B8AA0 - #C8CDD5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41526C 0%, #7B8AA0 50%, #C8CDD5 100%);
    background: -webkit-linear-gradient(top, #41526C 0%, #7B8AA0 50%, #C8CDD5 100%);
    background: linear-gradient(to bottom, #41526C 0%, #7B8AA0 50%, #C8CDD5 100%);
}
</style>