#A8A8A8 - #FFC5FD | 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 #FFC5FD

#A8A8A8 #FFC5FD

Calcule el color entre dos colores, #A8A8A8 y #FFC5FD. 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 - #FFC5FD | 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 #FFC5FD como 100%.

0.0%	0.0% #A8A8A8	RGB 168 168 168	#A8A8A8
16.7%	16.7% #B6ACB6	RGB 182 172 182	#B6ACB6
33.3%	33.3% #C5B1C4	RGB 197 177 196	#C5B1C4
50.0%	50.0% #D3B6D2	RGB 211 182 210	#D3B6D2
66.7%	66.7% #E2BBE0	RGB 226 187 224	#E2BBE0
83.3%	83.3% #F0C0EE	RGB 240 192 238	#F0C0EE
100.0%	100.0% #FFC5FD	RGB 255 197 253	#FFC5FD

#A8A8A8 #B6ACB6 #C5B1C4 #D3B6D2 #E2BBE0 #F0C0EE #FFC5FD

#A8A8A8 - #FFC5FD

Mezcla HSV

#A8A8A8 - #FFC5FD | 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 #FFC5FD como 100%.

0.0%	0.0% #A8A8A8	RGB 168 168 168	#A8A8A8
16.7%	16.7% #B6AFB0	RGB 182 175 176	#B6AFB0
33.3%	33.3% #C5B6BA	RGB 197 182 186	#C5B6BA
50.0%	50.0% #D3BBC7	RGB 211 187 199	#D3BBC7
66.7%	66.7% #E2BFD5	RGB 226 191 213	#E2BFD5
83.3%	83.3% #F0C2E7	RGB 240 194 231	#F0C2E7
100.0%	100.0% #FFC5FD	RGB 255 197 253	#FFC5FD

#A8A8A8 #B6AFB0 #C5B6BA #D3BBC7 #E2BFD5 #F0C2E7 #FFC5FD

#A8A8A8 - #D3BBC7 - #FFC5FD

Códigos CSS

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

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