#7CB2D1 - #DADAD4 | 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 #7CB2D1 to #DADAD4

#7CB2D1 #DADAD4

Calculate the color between two colors, #7CB2D1 and #DADAD4. 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)

#7CB2D1 - #DADAD4 | 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 #7CB2D1 as 0% and #DADAD4 as 100%.

0.0%	0.0% #7CB2D1	RGB 124 178 209	#7CB2D1
16.7%	16.7% #8BB8D1	RGB 139 184 209	#8BB8D1
33.3%	33.3% #9BBFD2	RGB 155 191 210	#9BBFD2
50.0%	50.0% #ABC6D2	RGB 171 198 210	#ABC6D2
66.7%	66.7% #BACCD3	RGB 186 204 211	#BACCD3
83.3%	83.3% #CAD3D3	RGB 202 211 211	#CAD3D3
100.0%	100.0% #DADAD4	RGB 218 218 212	#DADAD4

#7CB2D1 #8BB8D1 #9BBFD2 #ABC6D2 #BACCD3 #CAD3D3 #DADAD4

#7CB2D1 - #DADAD4

HSV Blend

#7CB2D1 - #DADAD4 | 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 #7CB2D1 as 0% and #DADAD4 as 100%.

0.0%	0.0% #7CB2D1	RGB 124 178 209	#7CB2D1
16.7%	16.7% #8AD2D0	RGB 138 210 208	#8AD2D0
33.3%	33.3% #98D4BA	RGB 152 212 186	#98D4BA
50.0%	50.0% #A7D5AF	RGB 167 213 175	#A7D5AF
66.7%	66.7% #BCD7B5	RGB 188 215 181	#BCD7B5
83.3%	83.3% #D0D8C4	RGB 208 216 196	#D0D8C4
100.0%	100.0% #DADAD4	RGB 218 218 212	#DADAD4

#7CB2D1 #8AD2D0 #98D4BA #A7D5AF #BCD7B5 #D0D8C4 #DADAD4

#7CB2D1 - #A7D5AF - #DADAD4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7CB2D1 0%, #A7D5AF 50%, #DADAD4 100%);
    background: -webkit-linear-gradient(top, #7CB2D1 0%, #A7D5AF 50%, #DADAD4 100%);
    background: linear-gradient(to bottom, #7CB2D1 0%, #A7D5AF 50%, #DADAD4 100%);
}
</style>