#5A6052 - #CFD1CD | 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 #5A6052 a #CFD1CD

#5A6052 #CFD1CD

Calcule el color entre dos colores, #5A6052 y #CFD1CD. 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)

#5A6052 - #CFD1CD | 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 #5A6052 como 0% y #CFD1CD como 100%.

0.0%	0.0% #5A6052	RGB 90 96 82	#5A6052
16.7%	16.7% #6D7266	RGB 109 114 102	#6D7266
33.3%	33.3% #81857B	RGB 129 133 123	#81857B
50.0%	50.0% #94988F	RGB 148 152 143	#94988F
66.7%	66.7% #A8ABA4	RGB 168 171 164	#A8ABA4
83.3%	83.3% #BBBEB8	RGB 187 190 184	#BBBEB8
100.0%	100.0% #CFD1CD	RGB 207 209 205	#CFD1CD

#5A6052 #6D7266 #81857B #94988F #A8ABA4 #BBBEB8 #CFD1CD

#5A6052 - #CFD1CD

Mezcla HSV

#5A6052 - #CFD1CD | 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 #5A6052 como 0% y #CFD1CD como 100%.

0.0%	0.0% #5A6052	RGB 90 96 82	#5A6052
16.7%	16.7% #6C7264	RGB 108 114 100	#6C7264
33.3%	33.3% #7F8577	RGB 127 133 119	#7F8577
50.0%	50.0% #92988B	RGB 146 152 139	#92988B
66.7%	66.7% #A6ABA0	RGB 166 171 160	#A6ABA0
83.3%	83.3% #BABEB6	RGB 186 190 182	#BABEB6
100.0%	100.0% #CFD1CD	RGB 207 209 205	#CFD1CD

#5A6052 #6C7264 #7F8577 #92988B #A6ABA0 #BABEB6 #CFD1CD

#5A6052 - #92988B - #CFD1CD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A6052 0%, #92988B 50%, #CFD1CD 100%);
    background: -webkit-linear-gradient(top, #5A6052 0%, #92988B 50%, #CFD1CD 100%);
    background: linear-gradient(to bottom, #5A6052 0%, #92988B 50%, #CFD1CD 100%);
}
</style>