#418EBA - #C8DEEB | 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 #418EBA to #C8DEEB

#418EBA #C8DEEB

Calculate the color between two colors, #418EBA and #C8DEEB. 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)

#418EBA - #C8DEEB | 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 #418EBA as 0% and #C8DEEB as 100%.

0.0%	0.0% #418EBA	RGB 65 142 186	#418EBA
16.7%	16.7% #579BC2	RGB 87 155 194	#579BC2
33.3%	33.3% #6EA8CA	RGB 110 168 202	#6EA8CA
50.0%	50.0% #84B6D2	RGB 132 182 210	#84B6D2
66.7%	66.7% #9BC3DA	RGB 155 195 218	#9BC3DA
83.3%	83.3% #B1D0E2	RGB 177 208 226	#B1D0E2
100.0%	100.0% #C8DEEB	RGB 200 222 235	#C8DEEB

#418EBA #579BC2 #6EA8CA #84B6D2 #9BC3DA #B1D0E2 #C8DEEB

#418EBA - #C8DEEB

HSV Blend

#418EBA - #C8DEEB | 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 #418EBA as 0% and #C8DEEB as 100%.

0.0%	0.0% #418EBA	RGB 65 142 186	#418EBA
16.7%	16.7% #5499C2	RGB 84 153 194	#5499C2
33.3%	33.3% #68A6CA	RGB 104 166 202	#68A6CA
50.0%	50.0% #7EB3D2	RGB 126 179 210	#7EB3D2
66.7%	66.7% #95C1DA	RGB 149 193 218	#95C1DA
83.3%	83.3% #AECFE2	RGB 174 207 226	#AECFE2
100.0%	100.0% #C8DEEB	RGB 200 222 235	#C8DEEB

#418EBA #5499C2 #68A6CA #7EB3D2 #95C1DA #AECFE2 #C8DEEB

#418EBA - #7EB3D2 - #C8DEEB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #418EBA 0%, #7EB3D2 50%, #C8DEEB 100%);
    background: -webkit-linear-gradient(top, #418EBA 0%, #7EB3D2 50%, #C8DEEB 100%);
    background: linear-gradient(to bottom, #418EBA 0%, #7EB3D2 50%, #C8DEEB 100%);
}
</style>