#C5CAC7 - #CFFFD4 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #C5CAC7 a #CFFFD4

#C5CAC7 #CFFFD4

Calcule el color entre dos colores, #C5CAC7 y #CFFFD4. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#C5CAC7 - #CFFFD4 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #C5CAC7 como 0% y #CFFFD4 como 100%.

0.0%	0.0% #C5CAC7	RGB 197 202 199	#C5CAC7
16.7%	16.7% #C6D2C9	RGB 198 210 201	#C6D2C9
33.3%	33.3% #C8DBCB	RGB 200 219 203	#C8DBCB
50.0%	50.0% #CAE4CD	RGB 202 228 205	#CAE4CD
66.7%	66.7% #CBEDCF	RGB 203 237 207	#CBEDCF
83.3%	83.3% #CDF6D1	RGB 205 246 209	#CDF6D1
100.0%	100.0% #CFFFD4	RGB 207 255 212	#CFFFD4

#C5CAC7 #C6D2C9 #C8DBCB #CAE4CD #CBEDCF #CDF6D1 #CFFFD4

#C5CAC7 - #CFFFD4

Mezcla HSV

#C5CAC7 - #CFFFD4 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #C5CAC7 como 0% y #CFFFD4 como 100%.

0.0%	0.0% #C5CAC7	RGB 197 202 199	#C5CAC7
16.7%	16.7% #C7D2CB	RGB 199 210 203	#C7D2CB
33.3%	33.3% #CADBCF	RGB 202 219 207	#CADBCF
50.0%	50.0% #CCE4D2	RGB 204 228 210	#CCE4D2
66.7%	66.7% #CDEDD4	RGB 205 237 212	#CDEDD4
83.3%	83.3% #CEF6D4	RGB 206 246 212	#CEF6D4
100.0%	100.0% #CFFFD4	RGB 207 255 212	#CFFFD4

#C5CAC7 #C7D2CB #CADBCF #CCE4D2 #CDEDD4 #CEF6D4 #CFFFD4

#C5CAC7 - #CCE4D2 - #CFFFD4

Códigos CSS

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

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