#4F8DFF - #8FCDFC | 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 #4F8DFF to #8FCDFC

#4F8DFF #8FCDFC

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

#4F8DFF - #8FCDFC | 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 #4F8DFF as 0% and #8FCDFC as 100%.

0.0%	0.0% #4F8DFF	RGB 79 141 255	#4F8DFF
16.7%	16.7% #5997FE	RGB 89 151 254	#5997FE
33.3%	33.3% #64A2FE	RGB 100 162 254	#64A2FE
50.0%	50.0% #6FADFD	RGB 111 173 253	#6FADFD
66.7%	66.7% #79B7FD	RGB 121 183 253	#79B7FD
83.3%	83.3% #84C2FC	RGB 132 194 252	#84C2FC
100.0%	100.0% #8FCDFC	RGB 143 205 252	#8FCDFC

#4F8DFF #5997FE #64A2FE #6FADFD #79B7FD #84C2FC #8FCDFC

#4F8DFF - #8FCDFC

HSV Blend

#4F8DFF - #8FCDFC | 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 #4F8DFF as 0% and #8FCDFC as 100%.

0.0%	0.0% #4F8CFF	RGB 79 140 255	#4F8CFF
16.7%	16.7% #5999FE	RGB 89 153 254	#5999FE
33.3%	33.3% #64A5FE	RGB 100 165 254	#64A5FE
50.0%	50.0% #6FB0FD	RGB 111 176 253	#6FB0FD
66.7%	66.7% #79BAFD	RGB 121 186 253	#79BAFD
83.3%	83.3% #84C4FC	RGB 132 196 252	#84C4FC
100.0%	100.0% #8FCDFC	RGB 143 205 252	#8FCDFC

#4F8CFF #5999FE #64A5FE #6FB0FD #79BAFD #84C4FC #8FCDFC

#4F8DFF - #6FB0FD - #8FCDFC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F8CFF 0%, #6FB0FD 50%, #8FCDFC 100%);
    background: -webkit-linear-gradient(top, #4F8CFF 0%, #6FB0FD 50%, #8FCDFC 100%);
    background: linear-gradient(to bottom, #4F8CFF 0%, #6FB0FD 50%, #8FCDFC 100%);
}
</style>