#6194CC - #B5E6B1 | 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 #6194CC to #B5E6B1

#6194CC #B5E6B1

Calculate the color between two colors, #6194CC and #B5E6B1. 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)

#6194CC - #B5E6B1 | 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 #6194CC as 0% and #B5E6B1 as 100%.

0.0%	0.0% #6194CC	RGB 97 148 204	#6194CC
16.7%	16.7% #6FA1C7	RGB 111 161 199	#6FA1C7
33.3%	33.3% #7DAFC3	RGB 125 175 195	#7DAFC3
50.0%	50.0% #8BBDBE	RGB 139 189 190	#8BBDBE
66.7%	66.7% #99CABA	RGB 153 202 186	#99CABA
83.3%	83.3% #A7D8B5	RGB 167 216 181	#A7D8B5
100.0%	100.0% #B5E6B1	RGB 181 230 177	#B5E6B1

#6194CC #6FA1C7 #7DAFC3 #8BBDBE #99CABA #A7D8B5 #B5E6B1

#6194CC - #B5E6B1

HSV Blend

#6194CC - #B5E6B1 | 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 #6194CC as 0% and #B5E6B1 as 100%.

0.0%	0.0% #6194CC	RGB 97 148 204	#6194CC
16.7%	16.7% #6DB6D0	RGB 109 182 208	#6DB6D0
33.3%	33.3% #79D4D3	RGB 121 212 211	#79D4D3
50.0%	50.0% #87D9C2	RGB 135 217 194	#87D9C2
66.7%	66.7% #94DDB5	RGB 148 221 181	#94DDB5
83.3%	83.3% #A2E1AE	RGB 162 225 174	#A2E1AE
100.0%	100.0% #B5E6B1	RGB 181 230 177	#B5E6B1

#6194CC #6DB6D0 #79D4D3 #87D9C2 #94DDB5 #A2E1AE #B5E6B1

#6194CC - #87D9C2 - #B5E6B1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6194CC 0%, #87D9C2 50%, #B5E6B1 100%);
    background: -webkit-linear-gradient(top, #6194CC 0%, #87D9C2 50%, #B5E6B1 100%);
    background: linear-gradient(to bottom, #6194CC 0%, #87D9C2 50%, #B5E6B1 100%);
}
</style>