#C5EADC - #60BDAE | 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 #C5EADC a #60BDAE

#C5EADC #60BDAE

Calcule el color entre dos colores, #C5EADC y #60BDAE. 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)

#C5EADC - #60BDAE | 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 #C5EADC como 0% y #60BDAE como 100%.

0.0%	0.0% #C5EADC	RGB 197 234 220	#C5EADC
16.7%	16.7% #B4E2D4	RGB 180 226 212	#B4E2D4
33.3%	33.3% #A3DBCC	RGB 163 219 204	#A3DBCC
50.0%	50.0% #92D3C5	RGB 146 211 197	#92D3C5
66.7%	66.7% #81CCBD	RGB 129 204 189	#81CCBD
83.3%	83.3% #70C4B5	RGB 112 196 181	#70C4B5
100.0%	100.0% #60BDAE	RGB 96 189 174	#60BDAE

#C5EADC #B4E2D4 #A3DBCC #92D3C5 #81CCBD #70C4B5 #60BDAE

#C5EADC - #60BDAE

Mezcla HSV

#C5EADC - #60BDAE | 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 #C5EADC como 0% y #60BDAE como 100%.

0.0%	0.0% #C5EADC	RGB 197 234 220	#C5EADC
16.7%	16.7% #B2E2D1	RGB 178 226 209	#B2E2D1
33.3%	33.3% #9FDBC8	RGB 159 219 200	#9FDBC8
50.0%	50.0% #8ED3C0	RGB 142 211 192	#8ED3C0
66.7%	66.7% #7ECCB9	RGB 126 204 185	#7ECCB9
83.3%	83.3% #6EC4B3	RGB 110 196 179	#6EC4B3
100.0%	100.0% #60BDAE	RGB 96 189 174	#60BDAE

#C5EADC #B2E2D1 #9FDBC8 #8ED3C0 #7ECCB9 #6EC4B3 #60BDAE

#C5EADC - #8ED3C0 - #60BDAE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5EADC 0%, #8ED3C0 50%, #60BDAE 100%);
    background: -webkit-linear-gradient(top, #C5EADC 0%, #8ED3C0 50%, #60BDAE 100%);
    background: linear-gradient(to bottom, #C5EADC 0%, #8ED3C0 50%, #60BDAE 100%);
}
</style>