#2247CF - #BFCAF1 | 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 #2247CF to #BFCAF1

#2247CF #BFCAF1

Calculate the color between two colors, #2247CF and #BFCAF1. 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)

#2247CF - #BFCAF1 | 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 #2247CF as 0% and #BFCAF1 as 100%.

0.0%	0.0% #2247CF	RGB 34 71 207	#2247CF
16.7%	16.7% #3C5CD4	RGB 60 92 212	#3C5CD4
33.3%	33.3% #5672DA	RGB 86 114 218	#5672DA
50.0%	50.0% #7088E0	RGB 112 136 224	#7088E0
66.7%	66.7% #8A9EE5	RGB 138 158 229	#8A9EE5
83.3%	83.3% #A4B4EB	RGB 164 180 235	#A4B4EB
100.0%	100.0% #BFCAF1	RGB 191 202 241	#BFCAF1

#2247CF #3C5CD4 #5672DA #7088E0 #8A9EE5 #A4B4EB #BFCAF1

#2247CF - #BFCAF1

HSV Blend

#2247CF - #BFCAF1 | 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 #2247CF as 0% and #BFCAF1 as 100%.

0.0%	0.0% #2246CF	RGB 34 70 207	#2246CF
16.7%	16.7% #395AD4	RGB 57 90 212	#395AD4
33.3%	33.3% #516FDA	RGB 81 111 218	#516FDA
50.0%	50.0% #6B84E0	RGB 107 132 224	#6B84E0
66.7%	66.7% #859AE5	RGB 133 154 229	#859AE5
83.3%	83.3% #A1B1EB	RGB 161 177 235	#A1B1EB
100.0%	100.0% #BFCAF1	RGB 191 202 241	#BFCAF1

#2246CF #395AD4 #516FDA #6B84E0 #859AE5 #A1B1EB #BFCAF1

#2247CF - #6B84E0 - #BFCAF1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2246CF 0%, #6B84E0 50%, #BFCAF1 100%);
    background: -webkit-linear-gradient(top, #2246CF 0%, #6B84E0 50%, #BFCAF1 100%);
    background: linear-gradient(to bottom, #2246CF 0%, #6B84E0 50%, #BFCAF1 100%);
}
</style>