#736A91 - #FCB5A0 | 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 #736A91 a #FCB5A0

#736A91 #FCB5A0

Calcule el color entre dos colores, #736A91 y #FCB5A0. 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)

#736A91 - #FCB5A0 | 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 #736A91 como 0% y #FCB5A0 como 100%.

0.0%	0.0% #736A91	RGB 115 106 145	#736A91
16.7%	16.7% #897693	RGB 137 118 147	#897693
33.3%	33.3% #A08396	RGB 160 131 150	#A08396
50.0%	50.0% #B78F98	RGB 183 143 152	#B78F98
66.7%	66.7% #CE9C9B	RGB 206 156 155	#CE9C9B
83.3%	83.3% #E5A89D	RGB 229 168 157	#E5A89D
100.0%	100.0% #FCB5A0	RGB 252 181 160	#FCB5A0

#736A91 #897693 #A08396 #B78F98 #CE9C9B #E5A89D #FCB5A0

#736A91 - #FCB5A0

Mezcla HSV

#736A91 - #FCB5A0 | 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 #736A91 como 0% y #FCB5A0 como 100%.

0.0%	0.0% #736A91	RGB 115 106 145	#736A91
16.7%	16.7% #8E74A2	RGB 142 116 162	#8E74A2
33.3%	33.3% #AF7EB4	RGB 175 126 180	#AF7EB4
50.0%	50.0% #C687B8	RGB 198 135 184	#C687B8
66.7%	66.7% #D890AF	RGB 216 144 175	#D890AF
83.3%	83.3% #EA98A0	RGB 234 152 160	#EA98A0
100.0%	100.0% #FCB5A0	RGB 252 181 160	#FCB5A0

#736A91 #8E74A2 #AF7EB4 #C687B8 #D890AF #EA98A0 #FCB5A0

#736A91 - #C687B8 - #FCB5A0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #736A91 0%, #C687B8 50%, #FCB5A0 100%);
    background: -webkit-linear-gradient(top, #736A91 0%, #C687B8 50%, #FCB5A0 100%);
    background: linear-gradient(to bottom, #736A91 0%, #C687B8 50%, #FCB5A0 100%);
}
</style>