#C5A8A8 - #FFE6C8 | 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 #C5A8A8 a #FFE6C8

#C5A8A8 #FFE6C8

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

#C5A8A8 - #FFE6C8 | 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 #C5A8A8 como 0% y #FFE6C8 como 100%.

0.0%	0.0% #C5A8A8	RGB 197 168 168	#C5A8A8
16.7%	16.7% #CEB2AD	RGB 206 178 173	#CEB2AD
33.3%	33.3% #D8BCB2	RGB 216 188 178	#D8BCB2
50.0%	50.0% #E2C7B8	RGB 226 199 184	#E2C7B8
66.7%	66.7% #EBD1BD	RGB 235 209 189	#EBD1BD
83.3%	83.3% #F5DBC2	RGB 245 219 194	#F5DBC2
100.0%	100.0% #FFE6C8	RGB 255 230 200	#FFE6C8

#C5A8A8 #CEB2AD #D8BCB2 #E2C7B8 #EBD1BD #F5DBC2 #FFE6C8

#C5A8A8 - #FFE6C8

Mezcla HSV

#C5A8A8 - #FFE6C8 | 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 #C5A8A8 como 0% y #FFE6C8 como 100%.

0.0%	0.0% #C5A8A8	RGB 197 168 168	#C5A8A8
16.7%	16.7% #CEB0AD	RGB 206 176 173	#CEB0AD
33.3%	33.3% #D8BAB3	RGB 216 186 179	#D8BAB3
50.0%	50.0% #E2C4B8	RGB 226 196 184	#E2C4B8
66.7%	66.7% #EBCEBE	RGB 235 206 190	#EBCEBE
83.3%	83.3% #F5D9C3	RGB 245 217 195	#F5D9C3
100.0%	100.0% #FFE6C8	RGB 255 230 200	#FFE6C8

#C5A8A8 #CEB0AD #D8BAB3 #E2C4B8 #EBCEBE #F5D9C3 #FFE6C8

#C5A8A8 - #E2C4B8 - #FFE6C8

Códigos CSS

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

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