#453C49 - #C9C7CB | 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 #453C49 a #C9C7CB

#453C49 #C9C7CB

Calcule el color entre dos colores, #453C49 y #C9C7CB. 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)

#453C49 - #C9C7CB | 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 #453C49 como 0% y #C9C7CB como 100%.

0.0%	0.0% #453C49	RGB 69 60 73	#453C49
16.7%	16.7% #5B535E	RGB 91 83 94	#5B535E
33.3%	33.3% #716A74	RGB 113 106 116	#716A74
50.0%	50.0% #87818A	RGB 135 129 138	#87818A
66.7%	66.7% #9D989F	RGB 157 152 159	#9D989F
83.3%	83.3% #B3AFB5	RGB 179 175 181	#B3AFB5
100.0%	100.0% #C9C7CB	RGB 201 199 203	#C9C7CB

#453C49 #5B535E #716A74 #87818A #9D989F #B3AFB5 #C9C7CB

#453C49 - #C9C7CB

Mezcla HSV

#453C49 - #C9C7CB | 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 #453C49 como 0% y #C9C7CB como 100%.

0.0%	0.0% #453C49	RGB 69 60 73	#453C49
16.7%	16.7% #59505E	RGB 89 80 94	#59505E
33.3%	33.3% #6E6574	RGB 110 101 116	#6E6574
50.0%	50.0% #847C8A	RGB 132 124 138	#847C8A
66.7%	66.7% #9A949F	RGB 154 148 159	#9A949F
83.3%	83.3% #B1ACB5	RGB 177 172 181	#B1ACB5
100.0%	100.0% #C9C7CB	RGB 201 199 203	#C9C7CB

#453C49 #59505E #6E6574 #847C8A #9A949F #B1ACB5 #C9C7CB

#453C49 - #847C8A - #C9C7CB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #453C49 0%, #847C8A 50%, #C9C7CB 100%);
    background: -webkit-linear-gradient(top, #453C49 0%, #847C8A 50%, #C9C7CB 100%);
    background: linear-gradient(to bottom, #453C49 0%, #847C8A 50%, #C9C7CB 100%);
}
</style>