#BEC2FF - #6F68E8 | 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 #BEC2FF to #6F68E8

#BEC2FF #6F68E8

Calculate the color between two colors, #BEC2FF and #6F68E8. 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)

#BEC2FF - #6F68E8 | 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 #BEC2FF as 0% and #6F68E8 as 100%.

0.0%	0.0% #BEC2FF	RGB 190 194 255	#BEC2FF
16.7%	16.7% #B0B3FB	RGB 176 179 251	#B0B3FB
33.3%	33.3% #A3A4F7	RGB 163 164 247	#A3A4F7
50.0%	50.0% #9695F3	RGB 150 149 243	#9695F3
66.7%	66.7% #8986EF	RGB 137 134 239	#8986EF
83.3%	83.3% #7C77EB	RGB 124 119 235	#7C77EB
100.0%	100.0% #6F68E8	RGB 111 104 232	#6F68E8

#BEC2FF #B0B3FB #A3A4F7 #9695F3 #8986EF #7C77EB #6F68E8

#BEC2FF - #6F68E8

HSV Blend

#BEC2FF - #6F68E8 | 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 #BEC2FF as 0% and #6F68E8 as 100%.

0.0%	0.0% #BEC2FF	RGB 190 194 255	#BEC2FF
16.7%	16.7% #AEB1FB	RGB 174 177 251	#AEB1FB
33.3%	33.3% #9FA1F7	RGB 159 161 247	#9FA1F7
50.0%	50.0% #9191F3	RGB 145 145 243	#9191F3
66.7%	66.7% #8483EF	RGB 132 131 239	#8483EF
83.3%	83.3% #7975EB	RGB 121 117 235	#7975EB
100.0%	100.0% #6F68E8	RGB 111 104 232	#6F68E8

#BEC2FF #AEB1FB #9FA1F7 #9191F3 #8483EF #7975EB #6F68E8

#BEC2FF - #9191F3 - #6F68E8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BEC2FF 0%, #9191F3 50%, #6F68E8 100%);
    background: -webkit-linear-gradient(top, #BEC2FF 0%, #9191F3 50%, #6F68E8 100%);
    background: linear-gradient(to bottom, #BEC2FF 0%, #9191F3 50%, #6F68E8 100%);
}
</style>