#A8A8A8 - #FFC5C9 | 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 #A8A8A8 a #FFC5C9

#A8A8A8 #FFC5C9

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

#A8A8A8 - #FFC5C9 | 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 #A8A8A8 como 0% y #FFC5C9 como 100%.

0.0%	0.0% #A8A8A8	RGB 168 168 168	#A8A8A8
16.7%	16.7% #B6ACAD	RGB 182 172 173	#B6ACAD
33.3%	33.3% #C5B1B3	RGB 197 177 179	#C5B1B3
50.0%	50.0% #D3B6B8	RGB 211 182 184	#D3B6B8
66.7%	66.7% #E2BBBE	RGB 226 187 190	#E2BBBE
83.3%	83.3% #F0C0C3	RGB 240 192 195	#F0C0C3
100.0%	100.0% #FFC5C9	RGB 255 197 201	#FFC5C9

#A8A8A8 #B6ACAD #C5B1B3 #D3B6B8 #E2BBBE #F0C0C3 #FFC5C9

#A8A8A8 - #FFC5C9

Mezcla HSV

#A8A8A8 - #FFC5C9 | 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 #A8A8A8 como 0% y #FFC5C9 como 100%.

0.0%	0.0% #A8A8A8	RGB 168 168 168	#A8A8A8
16.7%	16.7% #B6AFAF	RGB 182 175 175	#B6AFAF
33.3%	33.3% #C5B6B6	RGB 197 182 182	#C5B6B6
50.0%	50.0% #D3BBBC	RGB 211 187 188	#D3BBBC
66.7%	66.7% #E2BFC1	RGB 226 191 193	#E2BFC1
83.3%	83.3% #F0C2C5	RGB 240 194 197	#F0C2C5
100.0%	100.0% #FFC5C9	RGB 255 197 201	#FFC5C9

#A8A8A8 #B6AFAF #C5B6B6 #D3BBBC #E2BFC1 #F0C2C5 #FFC5C9

#A8A8A8 - #D3BBBC - #FFC5C9

Códigos CSS

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

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