#CFDFD1 - #74A08D | 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 #CFDFD1 to #74A08D

#CFDFD1 #74A08D

Calculate the color between two colors, #CFDFD1 and #74A08D. 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)

#CFDFD1 - #74A08D | 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 #CFDFD1 as 0% and #74A08D as 100%.

0.0%	0.0% #CFDFD1	RGB 207 223 209	#CFDFD1
16.7%	16.7% #BFD4C5	RGB 191 212 197	#BFD4C5
33.3%	33.3% #B0CABA	RGB 176 202 186	#B0CABA
50.0%	50.0% #A1BFAF	RGB 161 191 175	#A1BFAF
66.7%	66.7% #92B5A3	RGB 146 181 163	#92B5A3
83.3%	83.3% #83AA98	RGB 131 170 152	#83AA98
100.0%	100.0% #74A08D	RGB 116 160 141	#74A08D

#CFDFD1 #BFD4C5 #B0CABA #A1BFAF #92B5A3 #83AA98 #74A08D

#CFDFD1 - #74A08D

HSV Blend

#CFDFD1 - #74A08D | 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 #CFDFD1 as 0% and #74A08D as 100%.

0.0%	0.0% #CFDFD1	RGB 207 223 209	#CFDFD1
16.7%	16.7% #BED4C2	RGB 190 212 194	#BED4C2
33.3%	33.3% #ADCAB5	RGB 173 202 181	#ADCAB5
50.0%	50.0% #9EBFA9	RGB 158 191 169	#9EBFA9
66.7%	66.7% #8FB59F	RGB 143 181 159	#8FB59F
83.3%	83.3% #81AA95	RGB 129 170 149	#81AA95
100.0%	100.0% #74A08D	RGB 116 160 141	#74A08D

#CFDFD1 #BED4C2 #ADCAB5 #9EBFA9 #8FB59F #81AA95 #74A08D

#CFDFD1 - #9EBFA9 - #74A08D

CSS codes

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

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