#3C92C3 - #B3D4D5 | 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 #3C92C3 to #B3D4D5

#3C92C3 #B3D4D5

Calculate the color between two colors, #3C92C3 and #B3D4D5. 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)

#3C92C3 - #B3D4D5 | 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 #3C92C3 as 0% and #B3D4D5 as 100%.

0.0%	0.0% #3C92C3	RGB 60 146 195	#3C92C3
16.7%	16.7% #4F9DC6	RGB 79 157 198	#4F9DC6
33.3%	33.3% #63A8C9	RGB 99 168 201	#63A8C9
50.0%	50.0% #77B3CC	RGB 119 179 204	#77B3CC
66.7%	66.7% #8BBECF	RGB 139 190 207	#8BBECF
83.3%	83.3% #9FC9D2	RGB 159 201 210	#9FC9D2
100.0%	100.0% #B3D4D5	RGB 179 212 213	#B3D4D5

#3C92C3 #4F9DC6 #63A8C9 #77B3CC #8BBECF #9FC9D2 #B3D4D5

#3C92C3 - #B3D4D5

HSV Blend

#3C92C3 - #B3D4D5 | 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 #3C92C3 as 0% and #B3D4D5 as 100%.

0.0%	0.0% #3C92C3	RGB 60 146 195	#3C92C3
16.7%	16.7% #4EA1C6	RGB 78 161 198	#4EA1C6
33.3%	33.3% #61AEC9	RGB 97 174 201	#61AEC9
50.0%	50.0% #75BACC	RGB 117 186 204	#75BACC
66.7%	66.7% #89C5CF	RGB 137 197 207	#89C5CF
83.3%	83.3% #9DCDD2	RGB 157 205 210	#9DCDD2
100.0%	100.0% #B3D4D5	RGB 179 212 213	#B3D4D5

#3C92C3 #4EA1C6 #61AEC9 #75BACC #89C5CF #9DCDD2 #B3D4D5

#3C92C3 - #75BACC - #B3D4D5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C92C3 0%, #75BACC 50%, #B3D4D5 100%);
    background: -webkit-linear-gradient(top, #3C92C3 0%, #75BACC 50%, #B3D4D5 100%);
    background: linear-gradient(to bottom, #3C92C3 0%, #75BACC 50%, #B3D4D5 100%);
}
</style>