#9FB4D4 - #DADAD7 | 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 #9FB4D4 to #DADAD7

#9FB4D4 #DADAD7

Calculate the color between two colors, #9FB4D4 and #DADAD7. 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)

#9FB4D4 - #DADAD7 | 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 #9FB4D4 as 0% and #DADAD7 as 100%.

0.0%	0.0% #9FB4D4	RGB 159 180 212	#9FB4D4
16.7%	16.7% #A8BAD4	RGB 168 186 212	#A8BAD4
33.3%	33.3% #B2C0D5	RGB 178 192 213	#B2C0D5
50.0%	50.0% #BCC7D5	RGB 188 199 213	#BCC7D5
66.7%	66.7% #C6CDD6	RGB 198 205 214	#C6CDD6
83.3%	83.3% #D0D3D6	RGB 208 211 214	#D0D3D6
100.0%	100.0% #DADAD7	RGB 218 218 215	#DADAD7

#9FB4D4 #A8BAD4 #B2C0D5 #BCC7D5 #C6CDD6 #D0D3D6 #DADAD7

#9FB4D4 - #DADAD7

HSV Blend

#9FB4D4 - #DADAD7 | 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 #9FB4D4 as 0% and #DADAD7 as 100%.

0.0%	0.0% #9FB4D4	RGB 159 180 212	#9FB4D4
16.7%	16.7% #A8CDD5	RGB 168 205 213	#A8CDD5
33.3%	33.3% #B1D6CC	RGB 177 214 204	#B1D6CC
50.0%	50.0% #BAD7C3	RGB 186 215 195	#BAD7C3
66.7%	66.7% #C6D8C4	RGB 198 216 196	#C6D8C4
83.3%	83.3% #D3D9CD	RGB 211 217 205	#D3D9CD
100.0%	100.0% #DADAD7	RGB 218 218 215	#DADAD7

#9FB4D4 #A8CDD5 #B1D6CC #BAD7C3 #C6D8C4 #D3D9CD #DADAD7

#9FB4D4 - #BAD7C3 - #DADAD7

CSS codes

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

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