#6C9C9C - #D5E2E2 | 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 #6C9C9C a #D5E2E2

#6C9C9C #D5E2E2

Calcule el color entre dos colores, #6C9C9C y #D5E2E2. 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)

#6C9C9C - #D5E2E2 | 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 #6C9C9C como 0% y #D5E2E2 como 100%.

0.0%	0.0% #6C9C9C	RGB 108 156 156	#6C9C9C
16.7%	16.7% #7DA7A7	RGB 125 167 167	#7DA7A7
33.3%	33.3% #8FB3B3	RGB 143 179 179	#8FB3B3
50.0%	50.0% #A0BFBF	RGB 160 191 191	#A0BFBF
66.7%	66.7% #B2CACA	RGB 178 202 202	#B2CACA
83.3%	83.3% #C3D6D6	RGB 195 214 214	#C3D6D6
100.0%	100.0% #D5E2E2	RGB 213 226 226	#D5E2E2

#6C9C9C #7DA7A7 #8FB3B3 #A0BFBF #B2CACA #C3D6D6 #D5E2E2

#6C9C9C - #D5E2E2

Mezcla HSV

#6C9C9C - #D5E2E2 | 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 #6C9C9C como 0% y #D5E2E2 como 100%.

0.0%	0.0% #6C9C9C	RGB 108 156 156	#6C9C9C
16.7%	16.7% #7BA7A7	RGB 123 167 167	#7BA7A7
33.3%	33.3% #8BB3B3	RGB 139 179 179	#8BB3B3
50.0%	50.0% #9CBFBF	RGB 156 191 191	#9CBFBF
66.7%	66.7% #AECACA	RGB 174 202 202	#AECACA
83.3%	83.3% #C1D6D6	RGB 193 214 214	#C1D6D6
100.0%	100.0% #D5E2E2	RGB 213 226 226	#D5E2E2

#6C9C9C #7BA7A7 #8BB3B3 #9CBFBF #AECACA #C1D6D6 #D5E2E2

#6C9C9C - #9CBFBF - #D5E2E2

Códigos CSS

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

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