#1F11DC - #D0FFED | 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 #1F11DC to #D0FFED

#1F11DC #D0FFED

Calculate the color between two colors, #1F11DC and #D0FFED. 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)

#1F11DC - #D0FFED | 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 #1F11DC as 0% and #D0FFED as 100%.

0.0%	0.0% #1F11DC	RGB 31 17 220	#1F11DC
16.7%	16.7% #3C38DE	RGB 60 56 222	#3C38DE
33.3%	33.3% #5A60E1	RGB 90 96 225	#5A60E1
50.0%	50.0% #7788E4	RGB 119 136 228	#7788E4
66.7%	66.7% #95AFE7	RGB 149 175 231	#95AFE7
83.3%	83.3% #B2D7EA	RGB 178 215 234	#B2D7EA
100.0%	100.0% #D0FFED	RGB 208 255 237	#D0FFED

#1F11DC #3C38DE #5A60E1 #7788E4 #95AFE7 #B2D7EA #D0FFED

#1F11DC - #D0FFED

HSV Blend

#1F11DC - #D0FFED | 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 #1F11DC as 0% and #D0FFED as 100%.

0.0%	0.0% #1E10DC	RGB 30 16 220	#1E10DC
16.7%	16.7% #2D4CE1	RGB 45 76 225	#2D4CE1
33.3%	33.3% #4A8BE7	RGB 74 139 231	#4A8BE7
50.0%	50.0% #6AC0ED	RGB 106 192 237	#6AC0ED
66.7%	66.7% #8AE8F3	RGB 138 232 243	#8AE8F3
83.3%	83.3% #ACF9EE	RGB 172 249 238	#ACF9EE
100.0%	100.0% #D0FFED	RGB 208 255 237	#D0FFED

#1E10DC #2D4CE1 #4A8BE7 #6AC0ED #8AE8F3 #ACF9EE #D0FFED

#1F11DC - #6AC0ED - #D0FFED

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E10DC 0%, #6AC0ED 50%, #D0FFED 100%);
    background: -webkit-linear-gradient(top, #1E10DC 0%, #6AC0ED 50%, #D0FFED 100%);
    background: linear-gradient(to bottom, #1E10DC 0%, #6AC0ED 50%, #D0FFED 100%);
}
</style>