#8C5E8C - #FCA68F | 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 #8C5E8C a #FCA68F

#8C5E8C #FCA68F

Calcule el color entre dos colores, #8C5E8C y #FCA68F. 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)

#8C5E8C - #FCA68F | 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 #8C5E8C como 0% y #FCA68F como 100%.

0.0%	0.0% #8C5E8C	RGB 140 94 140	#8C5E8C
16.7%	16.7% #9E6A8C	RGB 158 106 140	#9E6A8C
33.3%	33.3% #B1768D	RGB 177 118 141	#B1768D
50.0%	50.0% #C4828D	RGB 196 130 141	#C4828D
66.7%	66.7% #D68E8E	RGB 214 142 142	#D68E8E
83.3%	83.3% #E99A8E	RGB 233 154 142	#E99A8E
100.0%	100.0% #FCA68F	RGB 252 166 143	#FCA68F

#8C5E8C #9E6A8C #B1768D #C4828D #D68E8E #E99A8E #FCA68F

#8C5E8C - #FCA68F

Mezcla HSV

#8C5E8C - #FCA68F | 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 #8C5E8C como 0% y #FCA68F como 100%.

0.0%	0.0% #8C5E8C	RGB 140 94 140	#8C5E8C
16.7%	16.7% #9E6793	RGB 158 103 147	#9E6793
33.3%	33.3% #B17097	RGB 177 112 151	#B17097
50.0%	50.0% #C47996	RGB 196 121 150	#C47996
66.7%	66.7% #D68191	RGB 214 129 145	#D68191
83.3%	83.3% #E98988	RGB 233 137 136	#E98988
100.0%	100.0% #FCA68F	RGB 252 166 143	#FCA68F

#8C5E8C #9E6793 #B17097 #C47996 #D68191 #E98988 #FCA68F

#8C5E8C - #C47996 - #FCA68F

Códigos CSS

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

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