#6F93CA - #B5E1B5 | 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 #6F93CA to #B5E1B5

#6F93CA #B5E1B5

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

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

0.0%	0.0% #6F93CA	RGB 111 147 202	#6F93CA
16.7%	16.7% #7AA0C6	RGB 122 160 198	#7AA0C6
33.3%	33.3% #86ADC3	RGB 134 173 195	#86ADC3
50.0%	50.0% #92BABF	RGB 146 186 191	#92BABF
66.7%	66.7% #9DC7BC	RGB 157 199 188	#9DC7BC
83.3%	83.3% #A9D4B8	RGB 169 212 184	#A9D4B8
100.0%	100.0% #B5E1B5	RGB 181 225 181	#B5E1B5

#6F93CA #7AA0C6 #86ADC3 #92BABF #9DC7BC #A9D4B8 #B5E1B5

#6F93CA - #B5E1B5

HSV Blend

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

0.0%	0.0% #6F92CA	RGB 111 146 202	#6F92CA
16.7%	16.7% #79B1CD	RGB 121 177 205	#79B1CD
33.3%	33.3% #85CCD1	RGB 133 204 209	#85CCD1
50.0%	50.0% #90D5C7	RGB 144 213 199	#90D5C7
66.7%	66.7% #9CD9BC	RGB 156 217 188	#9CD9BC
83.3%	83.3% #A8DDB6	RGB 168 221 182	#A8DDB6
100.0%	100.0% #B5E1B5	RGB 181 225 181	#B5E1B5

#6F92CA #79B1CD #85CCD1 #90D5C7 #9CD9BC #A8DDB6 #B5E1B5

#6F93CA - #90D5C7 - #B5E1B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F92CA 0%, #90D5C7 50%, #B5E1B5 100%);
    background: -webkit-linear-gradient(top, #6F92CA 0%, #90D5C7 50%, #B5E1B5 100%);
    background: linear-gradient(to bottom, #6F92CA 0%, #90D5C7 50%, #B5E1B5 100%);
}
</style>