#C0C0CD - #DFDDD0 | 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 #C0C0CD a #DFDDD0

#C0C0CD #DFDDD0

Calcule el color entre dos colores, #C0C0CD y #DFDDD0. 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)

#C0C0CD - #DFDDD0 | 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 #C0C0CD como 0% y #DFDDD0 como 100%.

0.0%	0.0% #C0C0CD	RGB 192 192 205	#C0C0CD
16.7%	16.7% #C5C4CD	RGB 197 196 205	#C5C4CD
33.3%	33.3% #CAC9CE	RGB 202 201 206	#CAC9CE
50.0%	50.0% #CFCECE	RGB 207 206 206	#CFCECE
66.7%	66.7% #D4D3CF	RGB 212 211 207	#D4D3CF
83.3%	83.3% #D9D8CF	RGB 217 216 207	#D9D8CF
100.0%	100.0% #DFDDD0	RGB 223 221 208	#DFDDD0

#C0C0CD #C5C4CD #CAC9CE #CFCECE #D4D3CF #D9D8CF #DFDDD0

#C0C0CD - #DFDDD0

Mezcla HSV

#C0C0CD - #DFDDD0 | 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 #C0C0CD como 0% y #DFDDD0 como 100%.

0.0%	0.0% #C0C0CD	RGB 192 192 205	#C0C0CD
16.7%	16.7% #C9C2D0	RGB 201 194 208	#C9C2D0
33.3%	33.3% #D2C5D3	RGB 210 197 211	#D2C5D3
50.0%	50.0% #D6C8CF	RGB 214 200 207	#D6C8CF
66.7%	66.7% #D9CACB	RGB 217 202 203	#D9CACB
83.3%	83.3% #DCD3CD	RGB 220 211 205	#DCD3CD
100.0%	100.0% #DFDDD0	RGB 223 221 208	#DFDDD0

#C0C0CD #C9C2D0 #D2C5D3 #D6C8CF #D9CACB #DCD3CD #DFDDD0

#C0C0CD - #D6C8CF - #DFDDD0

Códigos CSS

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

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