#8F929F - #D8C7AF | 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 #8F929F a #D8C7AF

#8F929F #D8C7AF

Calcule el color entre dos colores, #8F929F y #D8C7AF. 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)

#8F929F - #D8C7AF | 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 #8F929F como 0% y #D8C7AF como 100%.

0.0%	0.0% #8F929F	RGB 143 146 159	#8F929F
16.7%	16.7% #9B9AA1	RGB 155 154 161	#9B9AA1
33.3%	33.3% #A7A3A4	RGB 167 163 164	#A7A3A4
50.0%	50.0% #B3ACA7	RGB 179 172 167	#B3ACA7
66.7%	66.7% #BFB5A9	RGB 191 181 169	#BFB5A9
83.3%	83.3% #CBBEAC	RGB 203 190 172	#CBBEAC
100.0%	100.0% #D8C7AF	RGB 216 199 175	#D8C7AF

#8F929F #9B9AA1 #A7A3A4 #B3ACA7 #BFB5A9 #CBBEAC #D8C7AF

#8F929F - #D8C7AF

Mezcla HSV

#8F929F - #D8C7AF | 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 #8F929F como 0% y #D8C7AF como 100%.

0.0%	0.0% #8F929F	RGB 143 146 159	#8F929F
16.7%	16.7% #9A95A8	RGB 154 149 168	#9A95A8
33.3%	33.3% #AB9AB2	RGB 171 154 178	#AB9AB2
50.0%	50.0% #BBA0B6	RGB 187 160 182	#BBA0B6
66.7%	66.7% #C5A5B0	RGB 197 165 176	#C5A5B0
83.3%	83.3% #CEAEAA	RGB 206 174 170	#CEAEAA
100.0%	100.0% #D8C7AF	RGB 216 199 175	#D8C7AF

#8F929F #9A95A8 #AB9AB2 #BBA0B6 #C5A5B0 #CEAEAA #D8C7AF

#8F929F - #BBA0B6 - #D8C7AF

Códigos CSS

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

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