#C2DEC0 - #6DB372 | 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 #C2DEC0 a #6DB372

#C2DEC0 #6DB372

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

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

0.0%	0.0% #C2DEC0	RGB 194 222 192	#C2DEC0
16.7%	16.7% #B3D6B3	RGB 179 214 179	#B3D6B3
33.3%	33.3% #A5CFA6	RGB 165 207 166	#A5CFA6
50.0%	50.0% #97C899	RGB 151 200 153	#97C899
66.7%	66.7% #89C18C	RGB 137 193 140	#89C18C
83.3%	83.3% #7BBA7F	RGB 123 186 127	#7BBA7F
100.0%	100.0% #6DB372	RGB 109 179 114	#6DB372

#C2DEC0 #B3D6B3 #A5CFA6 #97C899 #89C18C #7BBA7F #6DB372

#C2DEC0 - #6DB372

Mezcla HSV

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

0.0%	0.0% #C2DEC0	RGB 194 222 192	#C2DEC0
16.7%	16.7% #B2D6B0	RGB 178 214 176	#B2D6B0
33.3%	33.3% #A2CFA1	RGB 162 207 161	#A2CFA1
50.0%	50.0% #93C893	RGB 147 200 147	#93C893
66.7%	66.7% #86C187	RGB 134 193 135	#86C187
83.3%	83.3% #79BA7C	RGB 121 186 124	#79BA7C
100.0%	100.0% #6DB372	RGB 109 179 114	#6DB372

#C2DEC0 #B2D6B0 #A2CFA1 #93C893 #86C187 #79BA7C #6DB372

#C2DEC0 - #93C893 - #6DB372

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2DEC0 0%, #93C893 50%, #6DB372 100%);
    background: -webkit-linear-gradient(top, #C2DEC0 0%, #93C893 50%, #6DB372 100%);
    background: linear-gradient(to bottom, #C2DEC0 0%, #93C893 50%, #6DB372 100%);
}
</style>