#0007D6 - #D0FFFD | 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 #0007D6 to #D0FFFD

#0007D6 #D0FFFD

Calculate the color between two colors, #0007D6 and #D0FFFD. 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)

#0007D6 - #D0FFFD | 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 #0007D6 as 0% and #D0FFFD as 100%.

0.0%	0.0% #0007D6	RGB 0 7 214	#0007D6
16.7%	16.7% #2230DC	RGB 34 48 220	#2230DC
33.3%	33.3% #4559E3	RGB 69 89 227	#4559E3
50.0%	50.0% #6883E9	RGB 104 131 233	#6883E9
66.7%	66.7% #8AACF0	RGB 138 172 240	#8AACF0
83.3%	83.3% #ADD5F6	RGB 173 213 246	#ADD5F6
100.0%	100.0% #D0FFFD	RGB 208 255 253	#D0FFFD

#0007D6 #2230DC #4559E3 #6883E9 #8AACF0 #ADD5F6 #D0FFFD

#0007D6 - #D0FFFD

HSV Blend

#0007D6 - #D0FFFD | 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 #0007D6 as 0% and #D0FFFD as 100%.

0.0%	0.0% #0007D6	RGB 0 7 214	#0007D6
16.7%	16.7% #1E44DC	RGB 30 68 220	#1E44DC
33.3%	33.3% #3D7BE3	RGB 61 123 227	#3D7BE3
50.0%	50.0% #5FAAEA	RGB 95 170 234	#5FAAEA
66.7%	66.7% #83D0F1	RGB 131 208 241	#83D0F1
83.3%	83.3% #A8EEF8	RGB 168 238 248	#A8EEF8
100.0%	100.0% #D0FFFD	RGB 208 255 253	#D0FFFD

#0007D6 #1E44DC #3D7BE3 #5FAAEA #83D0F1 #A8EEF8 #D0FFFD

#0007D6 - #5FAAEA - #D0FFFD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0007D6 0%, #5FAAEA 50%, #D0FFFD 100%);
    background: -webkit-linear-gradient(top, #0007D6 0%, #5FAAEA 50%, #D0FFFD 100%);
    background: linear-gradient(to bottom, #0007D6 0%, #5FAAEA 50%, #D0FFFD 100%);
}
</style>