#CFE4E5 - #76ADAC | 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 #CFE4E5 to #76ADAC

#CFE4E5 #76ADAC

Calculate the color between two colors, #CFE4E5 and #76ADAC. 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)

#CFE4E5 - #76ADAC | 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 #CFE4E5 as 0% and #76ADAC as 100%.

0.0%	0.0% #CFE4E5	RGB 207 228 229	#CFE4E5
16.7%	16.7% #C0DADB	RGB 192 218 219	#C0DADB
33.3%	33.3% #B1D1D2	RGB 177 209 210	#B1D1D2
50.0%	50.0% #A2C8C8	RGB 162 200 200	#A2C8C8
66.7%	66.7% #93BFBF	RGB 147 191 191	#93BFBF
83.3%	83.3% #84B6B5	RGB 132 182 181	#84B6B5
100.0%	100.0% #76ADAC	RGB 118 173 172	#76ADAC

#CFE4E5 #C0DADB #B1D1D2 #A2C8C8 #93BFBF #84B6B5 #76ADAC

#CFE4E5 - #76ADAC

HSV Blend

#CFE4E5 - #76ADAC | 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 #CFE4E5 as 0% and #76ADAC as 100%.

0.0%	0.0% #CFE4E5	RGB 207 228 229	#CFE4E5
16.7%	16.7% #BEDADB	RGB 190 218 219	#BEDADB
33.3%	33.3% #AED1D2	RGB 174 209 210	#AED1D2
50.0%	50.0% #9FC8C9	RGB 159 200 201	#9FC8C9
66.7%	66.7% #90BFBF	RGB 144 191 191	#90BFBF
83.3%	83.3% #83B6B5	RGB 131 182 181	#83B6B5
100.0%	100.0% #76ADAC	RGB 118 173 172	#76ADAC

#CFE4E5 #BEDADB #AED1D2 #9FC8C9 #90BFBF #83B6B5 #76ADAC

#CFE4E5 - #9FC8C9 - #76ADAC

CSS codes

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

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