#6B8AFD - #213DDB | 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 #6B8AFD to #213DDB

#6B8AFD #213DDB

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

#6B8AFD - #213DDB | 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 #6B8AFD as 0% and #213DDB as 100%.

0.0%	0.0% #6B8AFD	RGB 107 138 253	#6B8AFD
16.7%	16.7% #5E7DF7	RGB 94 125 247	#5E7DF7
33.3%	33.3% #5270F1	RGB 82 112 241	#5270F1
50.0%	50.0% #4663EC	RGB 70 99 236	#4663EC
66.7%	66.7% #3956E6	RGB 57 86 230	#3956E6
83.3%	83.3% #2D49E0	RGB 45 73 224	#2D49E0
100.0%	100.0% #213DDB	RGB 33 61 219	#213DDB

#6B8AFD #5E7DF7 #5270F1 #4663EC #3956E6 #2D49E0 #213DDB

#6B8AFD - #213DDB

HSV Blend

#6B8AFD - #213DDB | 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 #6B8AFD as 0% and #213DDB as 100%.

0.0%	0.0% #6B8AFD	RGB 107 138 253	#6B8AFD
16.7%	16.7% #5D7CF7	RGB 93 124 247	#5D7CF7
33.3%	33.3% #506FF1	RGB 80 111 241	#506FF1
50.0%	50.0% #4362EC	RGB 67 98 236	#4362EC
66.7%	66.7% #3755E6	RGB 55 85 230	#3755E6
83.3%	83.3% #2C49E0	RGB 44 73 224	#2C49E0
100.0%	100.0% #213DDB	RGB 33 61 219	#213DDB

#6B8AFD #5D7CF7 #506FF1 #4362EC #3755E6 #2C49E0 #213DDB

#6B8AFD - #4362EC - #213DDB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B8AFD 0%, #4362EC 50%, #213DDB 100%);
    background: -webkit-linear-gradient(top, #6B8AFD 0%, #4362EC 50%, #213DDB 100%);
    background: linear-gradient(to bottom, #6B8AFD 0%, #4362EC 50%, #213DDB 100%);
}
</style>