#8AD5DF - #DBDDFA | 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 #8AD5DF to #DBDDFA

#8AD5DF #DBDDFA

Calculate the color between two colors, #8AD5DF and #DBDDFA. 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)

#8AD5DF - #DBDDFA | 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 #8AD5DF as 0% and #DBDDFA as 100%.

0.0%	0.0% #8AD5DF	RGB 138 213 223	#8AD5DF
16.7%	16.7% #97D6E3	RGB 151 214 227	#97D6E3
33.3%	33.3% #A5D7E8	RGB 165 215 232	#A5D7E8
50.0%	50.0% #B2D9EC	RGB 178 217 236	#B2D9EC
66.7%	66.7% #C0DAF1	RGB 192 218 241	#C0DAF1
83.3%	83.3% #CDDBF5	RGB 205 219 245	#CDDBF5
100.0%	100.0% #DBDDFA	RGB 219 221 250	#DBDDFA

#8AD5DF #97D6E3 #A5D7E8 #B2D9EC #C0DAF1 #CDDBF5 #DBDDFA

#8AD5DF - #DBDDFA

HSV Blend

#8AD5DF - #DBDDFA | 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 #8AD5DF as 0% and #DBDDFA as 100%.

0.0%	0.0% #8AD5DF	RGB 138 213 223	#8AD5DF
16.7%	16.7% #96CFE3	RGB 150 207 227	#96CFE3
33.3%	33.3% #A3CDE8	RGB 163 205 232	#A3CDE8
50.0%	50.0% #B0CDEC	RGB 176 205 236	#B0CDEC
66.7%	66.7% #BECFF1	RGB 190 207 241	#BECFF1
83.3%	83.3% #CCD4F5	RGB 204 212 245	#CCD4F5
100.0%	100.0% #DBDDFA	RGB 219 221 250	#DBDDFA

#8AD5DF #96CFE3 #A3CDE8 #B0CDEC #BECFF1 #CCD4F5 #DBDDFA

#8AD5DF - #B0CDEC - #DBDDFA

CSS codes

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

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