#545883 - #CECFDB | 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 #545883 a #CECFDB

#545883 #CECFDB

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

#545883 - #CECFDB | 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 #545883 como 0% y #CECFDB como 100%.

0.0%	0.0% #545883	RGB 84 88 131	#545883
16.7%	16.7% #686B91	RGB 104 107 145	#686B91
33.3%	33.3% #7C7FA0	RGB 124 127 160	#7C7FA0
50.0%	50.0% #9193AF	RGB 145 147 175	#9193AF
66.7%	66.7% #A5A7BD	RGB 165 167 189	#A5A7BD
83.3%	83.3% #B9BBCC	RGB 185 187 204	#B9BBCC
100.0%	100.0% #CECFDB	RGB 206 207 219	#CECFDB

#545883 #686B91 #7C7FA0 #9193AF #A5A7BD #B9BBCC #CECFDB

#545883 - #CECFDB

Mezcla HSV

#545883 - #CECFDB | 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 #545883 como 0% y #CECFDB como 100%.

0.0%	0.0% #545883	RGB 84 88 131	#545883
16.7%	16.7% #646891	RGB 100 104 145	#646891
33.3%	33.3% #767AA0	RGB 118 122 160	#767AA0
50.0%	50.0% #8A8DAF	RGB 138 141 175	#8A8DAF
66.7%	66.7% #9FA1BD	RGB 159 161 189	#9FA1BD
83.3%	83.3% #B6B7CC	RGB 182 183 204	#B6B7CC
100.0%	100.0% #CECFDB	RGB 206 207 219	#CECFDB

#545883 #646891 #767AA0 #8A8DAF #9FA1BD #B6B7CC #CECFDB

#545883 - #8A8DAF - #CECFDB

Códigos CSS

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

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