#C4837B - #FECE9C | 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 #C4837B a #FECE9C

#C4837B #FECE9C

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

#C4837B - #FECE9C | 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 #C4837B como 0% y #FECE9C como 100%.

0.0%	0.0% #C4837B	RGB 196 131 123	#C4837B
16.7%	16.7% #CD8F80	RGB 205 143 128	#CD8F80
33.3%	33.3% #D79C86	RGB 215 156 134	#D79C86
50.0%	50.0% #E1A88B	RGB 225 168 139	#E1A88B
66.7%	66.7% #EAB591	RGB 234 181 145	#EAB591
83.3%	83.3% #F4C196	RGB 244 193 150	#F4C196
100.0%	100.0% #FECE9C	RGB 254 206 156	#FECE9C

#C4837B #CD8F80 #D79C86 #E1A88B #EAB591 #F4C196 #FECE9C

#C4837B - #FECE9C

Mezcla HSV

#C4837B - #FECE9C | 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 #C4837B como 0% y #FECE9C como 100%.

0.0%	0.0% #C4837B	RGB 196 131 123	#C4837B
16.7%	16.7% #CD8E80	RGB 205 142 128	#CD8E80
33.3%	33.3% #D79986	RGB 215 153 134	#D79986
50.0%	50.0% #E1A68B	RGB 225 166 139	#E1A68B
66.7%	66.7% #EAB291	RGB 234 178 145	#EAB291
83.3%	83.3% #F4C096	RGB 244 192 150	#F4C096
100.0%	100.0% #FECE9C	RGB 254 206 156	#FECE9C

#C4837B #CD8E80 #D79986 #E1A68B #EAB291 #F4C096 #FECE9C

#C4837B - #E1A68B - #FECE9C

Códigos CSS

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

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