#4D88FF - #8ACBFF | 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 #4D88FF to #8ACBFF

#4D88FF #8ACBFF

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

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

0.0%	0.0% #4D88FF	RGB 77 136 255	#4D88FF
16.7%	16.7% #5793FF	RGB 87 147 255	#5793FF
33.3%	33.3% #619EFF	RGB 97 158 255	#619EFF
50.0%	50.0% #6BA9FF	RGB 107 169 255	#6BA9FF
66.7%	66.7% #75B4FF	RGB 117 180 255	#75B4FF
83.3%	83.3% #7FBFFF	RGB 127 191 255	#7FBFFF
100.0%	100.0% #8ACBFF	RGB 138 203 255	#8ACBFF

#4D88FF #5793FF #619EFF #6BA9FF #75B4FF #7FBFFF #8ACBFF

#4D88FF - #8ACBFF

HSV Blend

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

0.0%	0.0% #4D88FF	RGB 77 136 255	#4D88FF
16.7%	16.7% #5795FF	RGB 87 149 255	#5795FF
33.3%	33.3% #61A1FF	RGB 97 161 255	#61A1FF
50.0%	50.0% #6BACFF	RGB 107 172 255	#6BACFF
66.7%	66.7% #75B7FF	RGB 117 183 255	#75B7FF
83.3%	83.3% #7FC1FF	RGB 127 193 255	#7FC1FF
100.0%	100.0% #8ACBFF	RGB 138 203 255	#8ACBFF

#4D88FF #5795FF #61A1FF #6BACFF #75B7FF #7FC1FF #8ACBFF

#4D88FF - #6BACFF - #8ACBFF

CSS codes

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

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