#839B82 - #DBE2DB | 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 #839B82 a #DBE2DB

#839B82 #DBE2DB

Calcule el color entre dos colores, #839B82 y #DBE2DB. 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)

#839B82 - #DBE2DB | 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 #839B82 como 0% y #DBE2DB como 100%.

0.0%	0.0% #839B82	RGB 131 155 130	#839B82
16.7%	16.7% #91A690	RGB 145 166 144	#91A690
33.3%	33.3% #A0B29F	RGB 160 178 159	#A0B29F
50.0%	50.0% #AFBEAE	RGB 175 190 174	#AFBEAE
66.7%	66.7% #BDCABD	RGB 189 202 189	#BDCABD
83.3%	83.3% #CCD6CC	RGB 204 214 204	#CCD6CC
100.0%	100.0% #DBE2DB	RGB 219 226 219	#DBE2DB

#839B82 #91A690 #A0B29F #AFBEAE #BDCABD #CCD6CC #DBE2DB

#839B82 - #DBE2DB

Mezcla HSV

#839B82 - #DBE2DB | 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 #839B82 como 0% y #DBE2DB como 100%.

0.0%	0.0% #839B82	RGB 131 155 130	#839B82
16.7%	16.7% #90A68F	RGB 144 166 143	#90A68F
33.3%	33.3% #9EB29D	RGB 158 178 157	#9EB29D
50.0%	50.0% #ACBEAC	RGB 172 190 172	#ACBEAC
66.7%	66.7% #BBCABB	RGB 187 202 187	#BBCABB
83.3%	83.3% #CAD6CA	RGB 202 214 202	#CAD6CA
100.0%	100.0% #DBE2DB	RGB 219 226 219	#DBE2DB

#839B82 #90A68F #9EB29D #ACBEAC #BBCABB #CAD6CA #DBE2DB

#839B82 - #ACBEAC - #DBE2DB

Códigos CSS

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

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