#69B8D2 - #DCDFD4 | 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 #69B8D2 to #DCDFD4

#69B8D2 #DCDFD4

Calculate the color between two colors, #69B8D2 and #DCDFD4. 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)

#69B8D2 - #DCDFD4 | 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 #69B8D2 as 0% and #DCDFD4 as 100%.

0.0%	0.0% #69B8D2	RGB 105 184 210	#69B8D2
16.7%	16.7% #7CBED2	RGB 124 190 210	#7CBED2
33.3%	33.3% #8FC5D2	RGB 143 197 210	#8FC5D2
50.0%	50.0% #A2CBD3	RGB 162 203 211	#A2CBD3
66.7%	66.7% #B5D2D3	RGB 181 210 211	#B5D2D3
83.3%	83.3% #C8D8D3	RGB 200 216 211	#C8D8D3
100.0%	100.0% #DCDFD4	RGB 220 223 212	#DCDFD4

#69B8D2 #7CBED2 #8FC5D2 #A2CBD3 #B5D2D3 #C8D8D3 #DCDFD4

#69B8D2 - #DCDFD4

HSV Blend

#69B8D2 - #DCDFD4 | 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 #69B8D2 as 0% and #DCDFD4 as 100%.

0.0%	0.0% #69B8D2	RGB 105 184 210	#69B8D2
16.7%	16.7% #7AD4CC	RGB 122 212 204	#7AD4CC
33.3%	33.3% #8BD6B7	RGB 139 214 183	#8BD6B7
50.0%	50.0% #9DD8AC	RGB 157 216 172	#9DD8AC
66.7%	66.7% #B2DAAF	RGB 178 218 175	#B2DAAF
83.3%	83.3% #CCDCC1	RGB 204 220 193	#CCDCC1
100.0%	100.0% #DCDFD4	RGB 220 223 212	#DCDFD4

#69B8D2 #7AD4CC #8BD6B7 #9DD8AC #B2DAAF #CCDCC1 #DCDFD4

#69B8D2 - #9DD8AC - #DCDFD4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #69B8D2 0%, #9DD8AC 50%, #DCDFD4 100%);
    background: -webkit-linear-gradient(top, #69B8D2 0%, #9DD8AC 50%, #DCDFD4 100%);
    background: linear-gradient(to bottom, #69B8D2 0%, #9DD8AC 50%, #DCDFD4 100%);
}
</style>