#EDEFEF - #8AC4C3 | 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 #EDEFEF a #8AC4C3

#EDEFEF #8AC4C3

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

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

0.0%	0.0% #EDEFEF	RGB 237 239 239	#EDEFEF
16.7%	16.7% #DCE7E7	RGB 220 231 231	#DCE7E7
33.3%	33.3% #CCE0E0	RGB 204 224 224	#CCE0E0
50.0%	50.0% #BBD9D9	RGB 187 217 217	#BBD9D9
66.7%	66.7% #ABD2D1	RGB 171 210 209	#ABD2D1
83.3%	83.3% #9ACBCA	RGB 154 203 202	#9ACBCA
100.0%	100.0% #8AC4C3	RGB 138 196 195	#8AC4C3

#EDEFEF #DCE7E7 #CCE0E0 #BBD9D9 #ABD2D1 #9ACBCA #8AC4C3

#EDEFEF - #8AC4C3

Mezcla HSV

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

0.0%	0.0% #EDEFEF	RGB 237 239 239	#EDEFEF
16.7%	16.7% #DAE7E7	RGB 218 231 231	#DAE7E7
33.3%	33.3% #C9E0E0	RGB 201 224 224	#C9E0E0
50.0%	50.0% #B8D9D9	RGB 184 217 217	#B8D9D9
66.7%	66.7% #A8D2D1	RGB 168 210 209	#A8D2D1
83.3%	83.3% #98CBCA	RGB 152 203 202	#98CBCA
100.0%	100.0% #8AC4C3	RGB 138 196 195	#8AC4C3

#EDEFEF #DAE7E7 #C9E0E0 #B8D9D9 #A8D2D1 #98CBCA #8AC4C3

#EDEFEF - #B8D9D9 - #8AC4C3

Códigos CSS

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

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