#6DB5E5 - #CEDCDE | 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 #6DB5E5 to #CEDCDE

#6DB5E5 #CEDCDE

Calculate the color between two colors, #6DB5E5 and #CEDCDE. 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)

#6DB5E5 - #CEDCDE | 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 #6DB5E5 as 0% and #CEDCDE as 100%.

0.0%	0.0% #6DB5E5	RGB 109 181 229	#6DB5E5
16.7%	16.7% #7DBBE3	RGB 125 187 227	#7DBBE3
33.3%	33.3% #8DC2E2	RGB 141 194 226	#8DC2E2
50.0%	50.0% #9DC8E1	RGB 157 200 225	#9DC8E1
66.7%	66.7% #ADCFE0	RGB 173 207 224	#ADCFE0
83.3%	83.3% #BDD5DF	RGB 189 213 223	#BDD5DF
100.0%	100.0% #CEDCDE	RGB 206 220 222	#CEDCDE

#6DB5E5 #7DBBE3 #8DC2E2 #9DC8E1 #ADCFE0 #BDD5DF #CEDCDE

#6DB5E5 - #CEDCDE

HSV Blend

#6DB5E5 - #CEDCDE | 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 #6DB5E5 as 0% and #CEDCDE as 100%.

0.0%	0.0% #6DB5E5	RGB 109 181 229	#6DB5E5
16.7%	16.7% #7DBFE3	RGB 125 191 227	#7DBFE3
33.3%	33.3% #8EC8E2	RGB 142 200 226	#8EC8E2
50.0%	50.0% #9ECFE1	RGB 158 207 225	#9ECFE1
66.7%	66.7% #AED5E0	RGB 174 213 224	#AED5E0
83.3%	83.3% #BED9DF	RGB 190 217 223	#BED9DF
100.0%	100.0% #CEDCDE	RGB 206 220 222	#CEDCDE

#6DB5E5 #7DBFE3 #8EC8E2 #9ECFE1 #AED5E0 #BED9DF #CEDCDE

#6DB5E5 - #9ECFE1 - #CEDCDE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6DB5E5 0%, #9ECFE1 50%, #CEDCDE 100%);
    background: -webkit-linear-gradient(top, #6DB5E5 0%, #9ECFE1 50%, #CEDCDE 100%);
    background: linear-gradient(to bottom, #6DB5E5 0%, #9ECFE1 50%, #CEDCDE 100%);
}
</style>