#AD7979 - #FBC69C | 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 #AD7979 a #FBC69C

#AD7979 #FBC69C

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

#AD7979 - #FBC69C | 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 #AD7979 como 0% y #FBC69C como 100%.

0.0%	0.0% #AD7979	RGB 173 121 121	#AD7979
16.7%	16.7% #BA857E	RGB 186 133 126	#BA857E
33.3%	33.3% #C79284	RGB 199 146 132	#C79284
50.0%	50.0% #D49F8A	RGB 212 159 138	#D49F8A
66.7%	66.7% #E1AC90	RGB 225 172 144	#E1AC90
83.3%	83.3% #EEB996	RGB 238 185 150	#EEB996
100.0%	100.0% #FBC69C	RGB 251 198 156	#FBC69C

#AD7979 #BA857E #C79284 #D49F8A #E1AC90 #EEB996 #FBC69C

#AD7979 - #FBC69C

Mezcla HSV

#AD7979 - #FBC69C | 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 #AD7979 como 0% y #FBC69C como 100%.

0.0%	0.0% #AD7979	RGB 173 121 121	#AD7979
16.7%	16.7% #BA837F	RGB 186 131 127	#BA837F
33.3%	33.3% #C78F86	RGB 199 143 134	#C78F86
50.0%	50.0% #D49B8C	RGB 212 155 140	#D49B8C
66.7%	66.7% #E1A991	RGB 225 169 145	#E1A991
83.3%	83.3% #EEB797	RGB 238 183 151	#EEB797
100.0%	100.0% #FBC69C	RGB 251 198 156	#FBC69C

#AD7979 #BA837F #C78F86 #D49B8C #E1A991 #EEB797 #FBC69C

#AD7979 - #D49B8C - #FBC69C

Códigos CSS

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

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