#99CECE - #2D9D9C | 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 #99CECE a #2D9D9C

#99CECE #2D9D9C

Calcule el color entre dos colores, #99CECE y #2D9D9C. 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)

#99CECE - #2D9D9C | 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 #99CECE como 0% y #2D9D9C como 100%.

0.0%	0.0% #99CECE	RGB 153 206 206	#99CECE
16.7%	16.7% #87C5C5	RGB 135 197 197	#87C5C5
33.3%	33.3% #75BDBD	RGB 117 189 189	#75BDBD
50.0%	50.0% #63B5B5	RGB 99 181 181	#63B5B5
66.7%	66.7% #51ADAC	RGB 81 173 172	#51ADAC
83.3%	83.3% #3FA5A4	RGB 63 165 164	#3FA5A4
100.0%	100.0% #2D9D9C	RGB 45 157 156	#2D9D9C

#99CECE #87C5C5 #75BDBD #63B5B5 #51ADAC #3FA5A4 #2D9D9C

#99CECE - #2D9D9C

Mezcla HSV

#99CECE - #2D9D9C | 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 #99CECE como 0% y #2D9D9C como 100%.

0.0%	0.0% #99CECE	RGB 153 206 206	#99CECE
16.7%	16.7% #83C5C5	RGB 131 197 197	#83C5C5
33.3%	33.3% #70BDBD	RGB 112 189 189	#70BDBD
50.0%	50.0% #5DB5B5	RGB 93 181 181	#5DB5B5
66.7%	66.7% #4CADAC	RGB 76 173 172	#4CADAC
83.3%	83.3% #3BA5A4	RGB 59 165 164	#3BA5A4
100.0%	100.0% #2D9D9C	RGB 45 157 156	#2D9D9C

#99CECE #83C5C5 #70BDBD #5DB5B5 #4CADAC #3BA5A4 #2D9D9C

#99CECE - #5DB5B5 - #2D9D9C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #99CECE 0%, #5DB5B5 50%, #2D9D9C 100%);
    background: -webkit-linear-gradient(top, #99CECE 0%, #5DB5B5 50%, #2D9D9C 100%);
    background: linear-gradient(to bottom, #99CECE 0%, #5DB5B5 50%, #2D9D9C 100%);
}
</style>