#064DFF - #8FFFC7 | 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 #064DFF to #8FFFC7

#064DFF #8FFFC7

Calculate the color between two colors, #064DFF and #8FFFC7. 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)

#064DFF - #8FFFC7 | 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 #064DFF as 0% and #8FFFC7 as 100%.

0.0%	0.0% #064DFF	RGB 6 77 255	#064DFF
16.7%	16.7% #1C6AF5	RGB 28 106 245	#1C6AF5
33.3%	33.3% #3388EC	RGB 51 136 236	#3388EC
50.0%	50.0% #4AA6E3	RGB 74 166 227	#4AA6E3
66.7%	66.7% #61C3D9	RGB 97 195 217	#61C3D9
83.3%	83.3% #78E1D0	RGB 120 225 208	#78E1D0
100.0%	100.0% #8FFFC7	RGB 143 255 199	#8FFFC7

#064DFF #1C6AF5 #3388EC #4AA6E3 #61C3D9 #78E1D0 #8FFFC7

#064DFF - #8FFFC7

HSV Blend

#064DFF - #8FFFC7 | 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 #064DFF as 0% and #8FFFC7 as 100%.

0.0%	0.0% #054CFF	RGB 5 76 255	#054CFF
16.7%	16.7% #1C8BFF	RGB 28 139 255	#1C8BFF
33.3%	33.3% #33BFFF	RGB 51 191 255	#33BFFF
50.0%	50.0% #4AEBFF	RGB 74 235 255	#4AEBFF
66.7%	66.7% #61FFF0	RGB 97 255 240	#61FFF0
83.3%	83.3% #78FFD6	RGB 120 255 214	#78FFD6
100.0%	100.0% #8FFFC7	RGB 143 255 199	#8FFFC7

#054CFF #1C8BFF #33BFFF #4AEBFF #61FFF0 #78FFD6 #8FFFC7

#064DFF - #4AEBFF - #8FFFC7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #054CFF 0%, #4AEBFF 50%, #8FFFC7 100%);
    background: -webkit-linear-gradient(top, #054CFF 0%, #4AEBFF 50%, #8FFFC7 100%);
    background: linear-gradient(to bottom, #054CFF 0%, #4AEBFF 50%, #8FFFC7 100%);
}
</style>