#BAC6BA - #66AF70 | 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 #BAC6BA a #66AF70

#BAC6BA #66AF70

Calcule el color entre dos colores, #BAC6BA y #66AF70. 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)

#BAC6BA - #66AF70 | 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 #BAC6BA como 0% y #66AF70 como 100%.

0.0%	0.0% #BAC6BA	RGB 186 198 186	#BAC6BA
16.7%	16.7% #ACC2AD	RGB 172 194 173	#ACC2AD
33.3%	33.3% #9EBEA1	RGB 158 190 161	#9EBEA1
50.0%	50.0% #90BA95	RGB 144 186 149	#90BA95
66.7%	66.7% #82B688	RGB 130 182 136	#82B688
83.3%	83.3% #74B27C	RGB 116 178 124	#74B27C
100.0%	100.0% #66AF70	RGB 102 175 112	#66AF70

#BAC6BA #ACC2AD #9EBEA1 #90BA95 #82B688 #74B27C #66AF70

#BAC6BA - #66AF70

Mezcla HSV

#BAC6BA - #66AF70 | 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 #BAC6BA como 0% y #66AF70 como 100%.

0.0%	0.0% #BAC6BA	RGB 186 198 186	#BAC6BA
16.7%	16.7% #AAC2AB	RGB 170 194 171	#AAC2AB
33.3%	33.3% #9CBE9D	RGB 156 190 157	#9CBE9D
50.0%	50.0% #8DBA91	RGB 141 186 145	#8DBA91
66.7%	66.7% #80B685	RGB 128 182 133	#80B685
83.3%	83.3% #72B27A	RGB 114 178 122	#72B27A
100.0%	100.0% #66AF70	RGB 102 175 112	#66AF70

#BAC6BA #AAC2AB #9CBE9D #8DBA91 #80B685 #72B27A #66AF70

#BAC6BA - #8DBA91 - #66AF70

Códigos CSS

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

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