#005CE7 - #B2FFCB | 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 #005CE7 to #B2FFCB

#005CE7 #B2FFCB

Calculate the color between two colors, #005CE7 and #B2FFCB. 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)

#005CE7 - #B2FFCB | 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 #005CE7 as 0% and #B2FFCB as 100%.

0.0%	0.0% #005CE7	RGB 0 92 231	#005CE7
16.7%	16.7% #1D77E2	RGB 29 119 226	#1D77E2
33.3%	33.3% #3B92DD	RGB 59 146 221	#3B92DD
50.0%	50.0% #59ADD9	RGB 89 173 217	#59ADD9
66.7%	66.7% #76C8D4	RGB 118 200 212	#76C8D4
83.3%	83.3% #94E3CF	RGB 148 227 207	#94E3CF
100.0%	100.0% #B2FFCB	RGB 178 255 203	#B2FFCB

#005CE7 #1D77E2 #3B92DD #59ADD9 #76C8D4 #94E3CF #B2FFCB

#005CE7 - #B2FFCB

HSV Blend

#005CE7 - #B2FFCB | 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 #005CE7 as 0% and #B2FFCB as 100%.

0.0%	0.0% #005BE7	RGB 0 91 231	#005BE7
16.7%	16.7% #1B9AEB	RGB 27 154 235	#1B9AEB
33.3%	33.3% #37CEEF	RGB 55 206 239	#37CEEF
50.0%	50.0% #54F3ED	RGB 84 243 237	#54F3ED
66.7%	66.7% #72F7D6	RGB 114 247 214	#72F7D6
83.3%	83.3% #92FBCA	RGB 146 251 202	#92FBCA
100.0%	100.0% #B2FFCB	RGB 178 255 203	#B2FFCB

#005BE7 #1B9AEB #37CEEF #54F3ED #72F7D6 #92FBCA #B2FFCB

#005CE7 - #54F3ED - #B2FFCB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005BE7 0%, #54F3ED 50%, #B2FFCB 100%);
    background: -webkit-linear-gradient(top, #005BE7 0%, #54F3ED 50%, #B2FFCB 100%);
    background: linear-gradient(to bottom, #005BE7 0%, #54F3ED 50%, #B2FFCB 100%);
}
</style>