#152CFF - #BCC2FF | 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 #152CFF to #BCC2FF

#152CFF #BCC2FF

Calculate the color between two colors, #152CFF and #BCC2FF. 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)

#152CFF - #BCC2FF | 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 #152CFF as 0% and #BCC2FF as 100%.

0.0%	0.0% #152CFF	RGB 21 44 255	#152CFF
16.7%	16.7% #3045FF	RGB 48 69 255	#3045FF
33.3%	33.3% #4C5EFF	RGB 76 94 255	#4C5EFF
50.0%	50.0% #6877FF	RGB 104 119 255	#6877FF
66.7%	66.7% #8490FF	RGB 132 144 255	#8490FF
83.3%	83.3% #A0A9FF	RGB 160 169 255	#A0A9FF
100.0%	100.0% #BCC2FF	RGB 188 194 255	#BCC2FF

#152CFF #3045FF #4C5EFF #6877FF #8490FF #A0A9FF #BCC2FF

#152CFF - #BCC2FF

HSV Blend

#152CFF - #BCC2FF | 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 #152CFF as 0% and #BCC2FF as 100%.

0.0%	0.0% #142CFF	RGB 20 44 255	#142CFF
16.7%	16.7% #3044FF	RGB 48 68 255	#3044FF
33.3%	33.3% #4C5DFF	RGB 76 93 255	#4C5DFF
50.0%	50.0% #6876FF	RGB 104 118 255	#6876FF
66.7%	66.7% #848FFF	RGB 132 143 255	#848FFF
83.3%	83.3% #A0A8FF	RGB 160 168 255	#A0A8FF
100.0%	100.0% #BCC2FF	RGB 188 194 255	#BCC2FF

#142CFF #3044FF #4C5DFF #6876FF #848FFF #A0A8FF #BCC2FF

#152CFF - #6876FF - #BCC2FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #142CFF 0%, #6876FF 50%, #BCC2FF 100%);
    background: -webkit-linear-gradient(top, #142CFF 0%, #6876FF 50%, #BCC2FF 100%);
    background: linear-gradient(to bottom, #142CFF 0%, #6876FF 50%, #BCC2FF 100%);
}
</style>