#C3A8A8 - #FFE6C7 | 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 #C3A8A8 a #FFE6C7

#C3A8A8 #FFE6C7

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

#C3A8A8 - #FFE6C7 | 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 #C3A8A8 como 0% y #FFE6C7 como 100%.

0.0%	0.0% #C3A8A8	RGB 195 168 168	#C3A8A8
16.7%	16.7% #CDB2AD	RGB 205 178 173	#CDB2AD
33.3%	33.3% #D7BCB2	RGB 215 188 178	#D7BCB2
50.0%	50.0% #E1C7B7	RGB 225 199 183	#E1C7B7
66.7%	66.7% #EBD1BC	RGB 235 209 188	#EBD1BC
83.3%	83.3% #F5DBC1	RGB 245 219 193	#F5DBC1
100.0%	100.0% #FFE6C7	RGB 255 230 199	#FFE6C7

#C3A8A8 #CDB2AD #D7BCB2 #E1C7B7 #EBD1BC #F5DBC1 #FFE6C7

#C3A8A8 - #FFE6C7

Mezcla HSV

#C3A8A8 - #FFE6C7 | 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 #C3A8A8 como 0% y #FFE6C7 como 100%.

0.0%	0.0% #C3A8A8	RGB 195 168 168	#C3A8A8
16.7%	16.7% #CDB0AD	RGB 205 176 173	#CDB0AD
33.3%	33.3% #D7B9B3	RGB 215 185 179	#D7B9B3
50.0%	50.0% #E1C3B8	RGB 225 195 184	#E1C3B8
66.7%	66.7% #EBCEBD	RGB 235 206 189	#EBCEBD
83.3%	83.3% #F5D9C2	RGB 245 217 194	#F5D9C2
100.0%	100.0% #FFE6C7	RGB 255 230 199	#FFE6C7

#C3A8A8 #CDB0AD #D7B9B3 #E1C3B8 #EBCEBD #F5D9C2 #FFE6C7

#C3A8A8 - #E1C3B8 - #FFE6C7

Códigos CSS

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

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