#C0DAFB - #618ED0 | 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 #C0DAFB to #618ED0

#C0DAFB #618ED0

Calculate the color between two colors, #C0DAFB and #618ED0. 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)

#C0DAFB - #618ED0 | 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 #C0DAFB as 0% and #618ED0 as 100%.

0.0%	0.0% #C0DAFB	RGB 192 218 251	#C0DAFB
16.7%	16.7% #B0CDF3	RGB 176 205 243	#B0CDF3
33.3%	33.3% #A0C0EC	RGB 160 192 236	#A0C0EC
50.0%	50.0% #90B4E5	RGB 144 180 229	#90B4E5
66.7%	66.7% #80A7DE	RGB 128 167 222	#80A7DE
83.3%	83.3% #709AD7	RGB 112 154 215	#709AD7
100.0%	100.0% #618ED0	RGB 97 142 208	#618ED0

#C0DAFB #B0CDF3 #A0C0EC #90B4E5 #80A7DE #709AD7 #618ED0

#C0DAFB - #618ED0

HSV Blend

#C0DAFB - #618ED0 | 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 #C0DAFB as 0% and #618ED0 as 100%.

0.0%	0.0% #C0DAFB	RGB 192 218 251	#C0DAFB
16.7%	16.7% #AECCF3	RGB 174 204 243	#AECCF3
33.3%	33.3% #9DBFEC	RGB 157 191 236	#9DBFEC
50.0%	50.0% #8DB2E5	RGB 141 178 229	#8DB2E5
66.7%	66.7% #7DA6DE	RGB 125 166 222	#7DA6DE
83.3%	83.3% #6F99D7	RGB 111 153 215	#6F99D7
100.0%	100.0% #618ED0	RGB 97 142 208	#618ED0

#C0DAFB #AECCF3 #9DBFEC #8DB2E5 #7DA6DE #6F99D7 #618ED0

#C0DAFB - #8DB2E5 - #618ED0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0DAFB 0%, #8DB2E5 50%, #618ED0 100%);
    background: -webkit-linear-gradient(top, #C0DAFB 0%, #8DB2E5 50%, #618ED0 100%);
    background: linear-gradient(to bottom, #C0DAFB 0%, #8DB2E5 50%, #618ED0 100%);
}
</style>