#4A8FCD - #CBDFF0 | 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 #4A8FCD to #CBDFF0

#4A8FCD #CBDFF0

Calculate the color between two colors, #4A8FCD and #CBDFF0. 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)

#4A8FCD - #CBDFF0 | 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 #4A8FCD as 0% and #CBDFF0 as 100%.

0.0%	0.0% #4A8FCD	RGB 74 143 205	#4A8FCD
16.7%	16.7% #5F9CD2	RGB 95 156 210	#5F9CD2
33.3%	33.3% #75A9D8	RGB 117 169 216	#75A9D8
50.0%	50.0% #8AB7DE	RGB 138 183 222	#8AB7DE
66.7%	66.7% #A0C4E4	RGB 160 196 228	#A0C4E4
83.3%	83.3% #B5D1EA	RGB 181 209 234	#B5D1EA
100.0%	100.0% #CBDFF0	RGB 203 223 240	#CBDFF0

#4A8FCD #5F9CD2 #75A9D8 #8AB7DE #A0C4E4 #B5D1EA #CBDFF0

#4A8FCD - #CBDFF0

HSV Blend

#4A8FCD - #CBDFF0 | 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 #4A8FCD as 0% and #CBDFF0 as 100%.

0.0%	0.0% #498ECD	RGB 73 142 205	#498ECD
16.7%	16.7% #5D9BD2	RGB 93 155 210	#5D9BD2
33.3%	33.3% #71A8D8	RGB 113 168 216	#71A8D8
50.0%	50.0% #86B5DE	RGB 134 181 222	#86B5DE
66.7%	66.7% #9CC2E4	RGB 156 194 228	#9CC2E4
83.3%	83.3% #B3D0EA	RGB 179 208 234	#B3D0EA
100.0%	100.0% #CBDFF0	RGB 203 223 240	#CBDFF0

#498ECD #5D9BD2 #71A8D8 #86B5DE #9CC2E4 #B3D0EA #CBDFF0

#4A8FCD - #86B5DE - #CBDFF0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #498ECD 0%, #86B5DE 50%, #CBDFF0 100%);
    background: -webkit-linear-gradient(top, #498ECD 0%, #86B5DE 50%, #CBDFF0 100%);
    background: linear-gradient(to bottom, #498ECD 0%, #86B5DE 50%, #CBDFF0 100%);
}
</style>