#C3EBEB - #52C3C4 | 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 #C3EBEB a #52C3C4

#C3EBEB #52C3C4

Calcule el color entre dos colores, #C3EBEB y #52C3C4. 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)

#C3EBEB - #52C3C4 | 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 #C3EBEB como 0% y #52C3C4 como 100%.

0.0%	0.0% #C3EBEB	RGB 195 235 235	#C3EBEB
16.7%	16.7% #B0E4E4	RGB 176 228 228	#B0E4E4
33.3%	33.3% #9DDDDE	RGB 157 221 222	#9DDDDE
50.0%	50.0% #8AD7D7	RGB 138 215 215	#8AD7D7
66.7%	66.7% #77D0D1	RGB 119 208 209	#77D0D1
83.3%	83.3% #64C9CA	RGB 100 201 202	#64C9CA
100.0%	100.0% #52C3C4	RGB 82 195 196	#52C3C4

#C3EBEB #B0E4E4 #9DDDDE #8AD7D7 #77D0D1 #64C9CA #52C3C4

#C3EBEB - #52C3C4

Mezcla HSV

#C3EBEB - #52C3C4 | 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 #C3EBEB como 0% y #52C3C4 como 100%.

0.0%	0.0% #C3EBEB	RGB 195 235 235	#C3EBEB
16.7%	16.7% #ADE4E4	RGB 173 228 228	#ADE4E4
33.3%	33.3% #99DDDE	RGB 153 221 222	#99DDDE
50.0%	50.0% #86D7D7	RGB 134 215 215	#86D7D7
66.7%	66.7% #74D0D1	RGB 116 208 209	#74D0D1
83.3%	83.3% #62C9CA	RGB 98 201 202	#62C9CA
100.0%	100.0% #52C3C4	RGB 82 195 196	#52C3C4

#C3EBEB #ADE4E4 #99DDDE #86D7D7 #74D0D1 #62C9CA #52C3C4

#C3EBEB - #86D7D7 - #52C3C4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3EBEB 0%, #86D7D7 50%, #52C3C4 100%);
    background: -webkit-linear-gradient(top, #C3EBEB 0%, #86D7D7 50%, #52C3C4 100%);
    background: linear-gradient(to bottom, #C3EBEB 0%, #86D7D7 50%, #52C3C4 100%);
}
</style>