#444C7E - #C9CBDA | 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 #444C7E a #C9CBDA

#444C7E #C9CBDA

Calcule el color entre dos colores, #444C7E y #C9CBDA. 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)

#444C7E - #C9CBDA | 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 #444C7E como 0% y #C9CBDA como 100%.

0.0%	0.0% #444C7E	RGB 68 76 126	#444C7E
16.7%	16.7% #5A618D	RGB 90 97 141	#5A618D
33.3%	33.3% #70769C	RGB 112 118 156	#70769C
50.0%	50.0% #868BAC	RGB 134 139 172	#868BAC
66.7%	66.7% #9CA0BB	RGB 156 160 187	#9CA0BB
83.3%	83.3% #B2B5CA	RGB 178 181 202	#B2B5CA
100.0%	100.0% #C9CBDA	RGB 201 203 218	#C9CBDA

#444C7E #5A618D #70769C #868BAC #9CA0BB #B2B5CA #C9CBDA

#444C7E - #C9CBDA

Mezcla HSV

#444C7E - #C9CBDA | 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 #444C7E como 0% y #C9CBDA como 100%.

0.0%	0.0% #444B7E	RGB 68 75 126	#444B7E
16.7%	16.7% #555C8D	RGB 85 92 141	#555C8D
33.3%	33.3% #686F9C	RGB 104 111 156	#686F9C
50.0%	50.0% #7D83AC	RGB 125 131 172	#7D83AC
66.7%	66.7% #9499BB	RGB 148 153 187	#9499BB
83.3%	83.3% #ADB1CA	RGB 173 177 202	#ADB1CA
100.0%	100.0% #C9CBDA	RGB 201 203 218	#C9CBDA

#444B7E #555C8D #686F9C #7D83AC #9499BB #ADB1CA #C9CBDA

#444C7E - #7D83AC - #C9CBDA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #444B7E 0%, #7D83AC 50%, #C9CBDA 100%);
    background: -webkit-linear-gradient(top, #444B7E 0%, #7D83AC 50%, #C9CBDA 100%);
    background: linear-gradient(to bottom, #444B7E 0%, #7D83AC 50%, #C9CBDA 100%);
}
</style>