#00BFFB - #0074CF | 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 #00BFFB to #0074CF

#00BFFB #0074CF

Calculate the color between two colors, #00BFFB and #0074CF. 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)

#00BFFB - #0074CF | 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 #00BFFB as 0% and #0074CF as 100%.

0.0%	0.0% #00BFFB	RGB 0 191 251	#00BFFB
16.7%	16.7% #00B2F3	RGB 0 178 243	#00B2F3
33.3%	33.3% #00A6EC	RGB 0 166 236	#00A6EC
50.0%	50.0% #0099E5	RGB 0 153 229	#0099E5
66.7%	66.7% #008DDD	RGB 0 141 221	#008DDD
83.3%	83.3% #0080D6	RGB 0 128 214	#0080D6
100.0%	100.0% #0074CF	RGB 0 116 207	#0074CF

#00BFFB #00B2F3 #00A6EC #0099E5 #008DDD #0080D6 #0074CF

#00BFFB - #0074CF

HSV Blend

#00BFFB - #0074CF | 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 #00BFFB as 0% and #0074CF as 100%.

0.0%	0.0% #00BFFB	RGB 0 191 251	#00BFFB
16.7%	16.7% #00B1F3	RGB 0 177 243	#00B1F3
33.3%	33.3% #00A4EC	RGB 0 164 236	#00A4EC
50.0%	50.0% #0097E5	RGB 0 151 229	#0097E5
66.7%	66.7% #008BDD	RGB 0 139 221	#008BDD
83.3%	83.3% #007FD6	RGB 0 127 214	#007FD6
100.0%	100.0% #0074CF	RGB 0 116 207	#0074CF

#00BFFB #00B1F3 #00A4EC #0097E5 #008BDD #007FD6 #0074CF

#00BFFB - #0097E5 - #0074CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00BFFB 0%, #0097E5 50%, #0074CF 100%);
    background: -webkit-linear-gradient(top, #00BFFB 0%, #0097E5 50%, #0074CF 100%);
    background: linear-gradient(to bottom, #00BFFB 0%, #0097E5 50%, #0074CF 100%);
}
</style>