#3FDCE4 - #43A2FF | 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 #3FDCE4 to #43A2FF

#3FDCE4 #43A2FF

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

#3FDCE4 - #43A2FF | 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 #3FDCE4 as 0% and #43A2FF as 100%.

0.0%	0.0% #3FDCE4	RGB 63 220 228	#3FDCE4
16.7%	16.7% #3FD2E8	RGB 63 210 232	#3FD2E8
33.3%	33.3% #40C8ED	RGB 64 200 237	#40C8ED
50.0%	50.0% #41BFF1	RGB 65 191 241	#41BFF1
66.7%	66.7% #41B5F6	RGB 65 181 246	#41B5F6
83.3%	83.3% #42ABFA	RGB 66 171 250	#42ABFA
100.0%	100.0% #43A2FF	RGB 67 162 255	#43A2FF

#3FDCE4 #3FD2E8 #40C8ED #41BFF1 #41B5F6 #42ABFA #43A2FF

#3FDCE4 - #43A2FF

HSV Blend

#3FDCE4 - #43A2FF | 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 #3FDCE4 as 0% and #43A2FF as 100%.

0.0%	0.0% #3FDCE4	RGB 63 220 228	#3FDCE4
16.7%	16.7% #3FD3E8	RGB 63 211 232	#3FD3E8
33.3%	33.3% #40CAED	RGB 64 202 237	#40CAED
50.0%	50.0% #41C1F1	RGB 65 193 241	#41C1F1
66.7%	66.7% #41B7F6	RGB 65 183 246	#41B7F6
83.3%	83.3% #42ADFA	RGB 66 173 250	#42ADFA
100.0%	100.0% #43A2FF	RGB 67 162 255	#43A2FF

#3FDCE4 #3FD3E8 #40CAED #41C1F1 #41B7F6 #42ADFA #43A2FF

#3FDCE4 - #41C1F1 - #43A2FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3FDCE4 0%, #41C1F1 50%, #43A2FF 100%);
    background: -webkit-linear-gradient(top, #3FDCE4 0%, #41C1F1 50%, #43A2FF 100%);
    background: linear-gradient(to bottom, #3FDCE4 0%, #41C1F1 50%, #43A2FF 100%);
}
</style>