#246D6D - #85BB8C | 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 #246D6D a #85BB8C

#246D6D #85BB8C

Calcule el color entre dos colores, #246D6D y #85BB8C. 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)

#246D6D - #85BB8C | 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 #246D6D como 0% y #85BB8C como 100%.

0.0%	0.0% #246D6D	RGB 36 109 109	#246D6D
16.7%	16.7% #347A72	RGB 52 122 114	#347A72
33.3%	33.3% #448777	RGB 68 135 119	#448777
50.0%	50.0% #54947C	RGB 84 148 124	#54947C
66.7%	66.7% #64A181	RGB 100 161 129	#64A181
83.3%	83.3% #74AE86	RGB 116 174 134	#74AE86
100.0%	100.0% #85BB8C	RGB 133 187 140	#85BB8C

#246D6D #347A72 #448777 #54947C #64A181 #74AE86 #85BB8C

#246D6D - #85BB8C

Mezcla HSV

#246D6D - #85BB8C | 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 #246D6D como 0% y #85BB8C como 100%.

0.0%	0.0% #246D6D	RGB 36 109 109	#246D6D
16.7%	16.7% #307A6F	RGB 48 122 111	#307A6F
33.3%	33.3% #3D8771	RGB 61 135 113	#3D8771
50.0%	50.0% #4D9475	RGB 77 148 117	#4D9475
66.7%	66.7% #5EA17A	RGB 94 161 122	#5EA17A
83.3%	83.3% #70AE81	RGB 112 174 129	#70AE81
100.0%	100.0% #85BB8C	RGB 133 187 140	#85BB8C

#246D6D #307A6F #3D8771 #4D9475 #5EA17A #70AE81 #85BB8C

#246D6D - #4D9475 - #85BB8C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #246D6D 0%, #4D9475 50%, #85BB8C 100%);
    background: -webkit-linear-gradient(top, #246D6D 0%, #4D9475 50%, #85BB8C 100%);
    background: linear-gradient(to bottom, #246D6D 0%, #4D9475 50%, #85BB8C 100%);
}
</style>