#C2D9C2 - #6DB770 | 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 #C2D9C2 a #6DB770

#C2D9C2 #6DB770

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

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

0.0%	0.0% #C2D9C2	RGB 194 217 194	#C2D9C2
16.7%	16.7% #B3D3B4	RGB 179 211 180	#B3D3B4
33.3%	33.3% #A5CDA6	RGB 165 205 166	#A5CDA6
50.0%	50.0% #97C899	RGB 151 200 153	#97C899
66.7%	66.7% #89C28B	RGB 137 194 139	#89C28B
83.3%	83.3% #7BBC7D	RGB 123 188 125	#7BBC7D
100.0%	100.0% #6DB770	RGB 109 183 112	#6DB770

#C2D9C2 #B3D3B4 #A5CDA6 #97C899 #89C28B #7BBC7D #6DB770

#C2D9C2 - #6DB770

Mezcla HSV

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

0.0%	0.0% #C2D9C2	RGB 194 217 194	#C2D9C2
16.7%	16.7% #B2D3B2	RGB 178 211 178	#B2D3B2
33.3%	33.3% #A3CDA3	RGB 163 205 163	#A3CDA3
50.0%	50.0% #94C895	RGB 148 200 149	#94C895
66.7%	66.7% #87C288	RGB 135 194 136	#87C288
83.3%	83.3% #79BC7C	RGB 121 188 124	#79BC7C
100.0%	100.0% #6DB770	RGB 109 183 112	#6DB770

#C2D9C2 #B2D3B2 #A3CDA3 #94C895 #87C288 #79BC7C #6DB770

#C2D9C2 - #94C895 - #6DB770

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2D9C2 0%, #94C895 50%, #6DB770 100%);
    background: -webkit-linear-gradient(top, #C2D9C2 0%, #94C895 50%, #6DB770 100%);
    background: linear-gradient(to bottom, #C2D9C2 0%, #94C895 50%, #6DB770 100%);
}
</style>