#C5E8DA - #61BAAB | 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 #C5E8DA a #61BAAB

#C5E8DA #61BAAB

Calcule el color entre dos colores, #C5E8DA y #61BAAB. 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)

#C5E8DA - #61BAAB | 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 #C5E8DA como 0% y #61BAAB como 100%.

0.0%	0.0% #C5E8DA	RGB 197 232 218	#C5E8DA
16.7%	16.7% #B4E0D2	RGB 180 224 210	#B4E0D2
33.3%	33.3% #A3D8CA	RGB 163 216 202	#A3D8CA
50.0%	50.0% #93D1C2	RGB 147 209 194	#93D1C2
66.7%	66.7% #82C9BA	RGB 130 201 186	#82C9BA
83.3%	83.3% #71C1B2	RGB 113 193 178	#71C1B2
100.0%	100.0% #61BAAB	RGB 97 186 171	#61BAAB

#C5E8DA #B4E0D2 #A3D8CA #93D1C2 #82C9BA #71C1B2 #61BAAB

#C5E8DA - #61BAAB

Mezcla HSV

#C5E8DA - #61BAAB | 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 #C5E8DA como 0% y #61BAAB como 100%.

0.0%	0.0% #C5E8DA	RGB 197 232 218	#C5E8DA
16.7%	16.7% #B2E0CF	RGB 178 224 207	#B2E0CF
33.3%	33.3% #A0D8C6	RGB 160 216 198	#A0D8C6
50.0%	50.0% #8FD1BE	RGB 143 209 190	#8FD1BE
66.7%	66.7% #7EC9B7	RGB 126 201 183	#7EC9B7
83.3%	83.3% #6FC1B0	RGB 111 193 176	#6FC1B0
100.0%	100.0% #61BAAB	RGB 97 186 171	#61BAAB

#C5E8DA #B2E0CF #A0D8C6 #8FD1BE #7EC9B7 #6FC1B0 #61BAAB

#C5E8DA - #8FD1BE - #61BAAB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E8DA 0%, #8FD1BE 50%, #61BAAB 100%);
    background: -webkit-linear-gradient(top, #C5E8DA 0%, #8FD1BE 50%, #61BAAB 100%);
    background: linear-gradient(to bottom, #C5E8DA 0%, #8FD1BE 50%, #61BAAB 100%);
}
</style>