#318C8C - #A3D29D | 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 #318C8C a #A3D29D

#318C8C #A3D29D

Calcule el color entre dos colores, #318C8C y #A3D29D. 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)

#318C8C - #A3D29D | 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 #318C8C como 0% y #A3D29D como 100%.

0.0%	0.0% #318C8C	RGB 49 140 140	#318C8C
16.7%	16.7% #44978E	RGB 68 151 142	#44978E
33.3%	33.3% #57A391	RGB 87 163 145	#57A391
50.0%	50.0% #6AAF94	RGB 106 175 148	#6AAF94
66.7%	66.7% #7DBA97	RGB 125 186 151	#7DBA97
83.3%	83.3% #90C69A	RGB 144 198 154	#90C69A
100.0%	100.0% #A3D29D	RGB 163 210 157	#A3D29D

#318C8C #44978E #57A391 #6AAF94 #7DBA97 #90C69A #A3D29D

#318C8C - #A3D29D

Mezcla HSV

#318C8C - #A3D29D | 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 #318C8C como 0% y #A3D29D como 100%.

0.0%	0.0% #318C8C	RGB 49 140 140	#318C8C
16.7%	16.7% #3F9787	RGB 63 151 135	#3F9787
33.3%	33.3% #4EA383	RGB 78 163 131	#4EA383
50.0%	50.0% #60AF83	RGB 96 175 131	#60AF83
66.7%	66.7% #72BA85	RGB 114 186 133	#72BA85
83.3%	83.3% #87C68B	RGB 135 198 139	#87C68B
100.0%	100.0% #A3D29D	RGB 163 210 157	#A3D29D

#318C8C #3F9787 #4EA383 #60AF83 #72BA85 #87C68B #A3D29D

#318C8C - #60AF83 - #A3D29D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #318C8C 0%, #60AF83 50%, #A3D29D 100%);
    background: -webkit-linear-gradient(top, #318C8C 0%, #60AF83 50%, #A3D29D 100%);
    background: linear-gradient(to bottom, #318C8C 0%, #60AF83 50%, #A3D29D 100%);
}
</style>