#434F69 - #C9CCD4 | 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 #434F69 a #C9CCD4

#434F69 #C9CCD4

Calcule el color entre dos colores, #434F69 y #C9CCD4. 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)

#434F69 - #C9CCD4 | 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 #434F69 como 0% y #C9CCD4 como 100%.

0.0%	0.0% #434F69	RGB 67 79 105	#434F69
16.7%	16.7% #59637A	RGB 89 99 122	#59637A
33.3%	33.3% #6F788C	RGB 111 120 140	#6F788C
50.0%	50.0% #868D9E	RGB 134 141 158	#868D9E
66.7%	66.7% #9CA2B0	RGB 156 162 176	#9CA2B0
83.3%	83.3% #B2B7C2	RGB 178 183 194	#B2B7C2
100.0%	100.0% #C9CCD4	RGB 201 204 212	#C9CCD4

#434F69 #59637A #6F788C #868D9E #9CA2B0 #B2B7C2 #C9CCD4

#434F69 - #C9CCD4

Mezcla HSV

#434F69 - #C9CCD4 | 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 #434F69 como 0% y #C9CCD4 como 100%.

0.0%	0.0% #434F69	RGB 67 79 105	#434F69
16.7%	16.7% #54607A	RGB 84 96 122	#54607A
33.3%	33.3% #68738C	RGB 104 115 140	#68738C
50.0%	50.0% #7D879E	RGB 125 135 158	#7D879E
66.7%	66.7% #949CB0	RGB 148 156 176	#949CB0
83.3%	83.3% #AEB3C2	RGB 174 179 194	#AEB3C2
100.0%	100.0% #C9CCD4	RGB 201 204 212	#C9CCD4

#434F69 #54607A #68738C #7D879E #949CB0 #AEB3C2 #C9CCD4

#434F69 - #7D879E - #C9CCD4

Códigos CSS

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

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