#9FAA9F - #CFB5DB | 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 #9FAA9F a #CFB5DB

#9FAA9F #CFB5DB

Calcule el color entre dos colores, #9FAA9F y #CFB5DB. 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)

#9FAA9F - #CFB5DB | 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 #9FAA9F como 0% y #CFB5DB como 100%.

0.0%	0.0% #9FAA9F	RGB 159 170 159	#9FAA9F
16.7%	16.7% #A7ABA9	RGB 167 171 169	#A7ABA9
33.3%	33.3% #AFADB3	RGB 175 173 179	#AFADB3
50.0%	50.0% #B7AFBD	RGB 183 175 189	#B7AFBD
66.7%	66.7% #BFB1C7	RGB 191 177 199	#BFB1C7
83.3%	83.3% #C7B3D1	RGB 199 179 209	#C7B3D1
100.0%	100.0% #CFB5DB	RGB 207 181 219	#CFB5DB

#9FAA9F #A7ABA9 #AFADB3 #B7AFBD #BFB1C7 #C7B3D1 #CFB5DB

#9FAA9F - #CFB5DB

Mezcla HSV

#9FAA9F - #CFB5DB | 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 #9FAA9F como 0% y #CFB5DB como 100%.

0.0%	0.0% #9FAA9F	RGB 159 170 159	#9FAA9F
16.7%	16.7% #A3B2AA	RGB 163 178 170	#A3B2AA
33.3%	33.3% #A7BAB8	RGB 167 186 184	#A7BAB8
50.0%	50.0% #ABBAC2	RGB 171 186 194	#ABBAC2
66.7%	66.7% #AEB4CA	RGB 174 180 202	#AEB4CA
83.3%	83.3% #B9B2D2	RGB 185 178 210	#B9B2D2
100.0%	100.0% #CFB5DB	RGB 207 181 219	#CFB5DB

#9FAA9F #A3B2AA #A7BAB8 #ABBAC2 #AEB4CA #B9B2D2 #CFB5DB

#9FAA9F - #ABBAC2 - #CFB5DB

Códigos CSS

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

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