#5A8A8C - #D4CBAF | 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 #5A8A8C a #D4CBAF

#5A8A8C #D4CBAF

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

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

0.0%	0.0% #5A8A8C	RGB 90 138 140	#5A8A8C
16.7%	16.7% #6E9491	RGB 110 148 145	#6E9491
33.3%	33.3% #829F97	RGB 130 159 151	#829F97
50.0%	50.0% #97AA9D	RGB 151 170 157	#97AA9D
66.7%	66.7% #ABB5A3	RGB 171 181 163	#ABB5A3
83.3%	83.3% #BFC0A9	RGB 191 192 169	#BFC0A9
100.0%	100.0% #D4CBAF	RGB 212 203 175	#D4CBAF

#5A8A8C #6E9491 #829F97 #97AA9D #ABB5A3 #BFC0A9 #D4CBAF

#5A8A8C - #D4CBAF

Mezcla HSV

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

0.0%	0.0% #5A8A8C	RGB 90 138 140	#5A8A8C
16.7%	16.7% #669887	RGB 102 152 135	#669887
33.3%	33.3% #73A480	RGB 115 164 128	#73A480
50.0%	50.0% #85B081	RGB 133 176 129	#85B081
66.7%	66.7% #A5BC8F	RGB 165 188 143	#A5BC8F
83.3%	83.3% #C2C89F	RGB 194 200 159	#C2C89F
100.0%	100.0% #D4CBAF	RGB 212 203 175	#D4CBAF

#5A8A8C #669887 #73A480 #85B081 #A5BC8F #C2C89F #D4CBAF

#5A8A8C - #85B081 - #D4CBAF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A8A8C 0%, #85B081 50%, #D4CBAF 100%);
    background: -webkit-linear-gradient(top, #5A8A8C 0%, #85B081 50%, #D4CBAF 100%);
    background: linear-gradient(to bottom, #5A8A8C 0%, #85B081 50%, #D4CBAF 100%);
}
</style>